@xiriframework/xiri-ng 0.2.49 → 0.3.0

package/fesm2022/xiriframework-xiri-ng.mjs

@@ -1,6 +1,6 @@
 import { DomSanitizer } from '@angular/platform-browser';
 import * as i0 from '@angular/core';
-import { inject, Pipe, input, computed, Directive, ElementRef, ChangeDetectorRef, Input, Component, Injectable, output, numberAttribute, signal, afterRenderEffect, booleanAttribute, viewChild, DestroyRef, effect, forwardRef, PLATFORM_ID, Service, untracked, Injector, afterNextRender, ViewEncapsulation, linkedSignal, ChangeDetectionStrategy, NgZone, makeEnvironmentProviders } from '@angular/core';
+import { inject, Pipe, input, computed, Directive, ElementRef, ChangeDetectorRef, Input, Component, PLATFORM_ID, signal, effect, Service, output, numberAttribute, afterRenderEffect, booleanAttribute, viewChild, Injectable, DestroyRef, forwardRef, untracked, Injector, afterNextRender, ViewEncapsulation, linkedSignal, ChangeDetectionStrategy, NgZone, makeEnvironmentProviders } from '@angular/core';
 import { DefaultUrlSerializer, RouterLink, Router, NavigationEnd } from '@angular/router';
 import { takeUntilDestroyed, toSignal, rxResource } from '@angular/core/rxjs-interop';
 import * as i1 from '@angular/forms';
@@ -20,6 +20,8 @@ import { MatCheckbox } from '@angular/material/checkbox';
 import { MatRadioButton, MatRadioGroup } from '@angular/material/radio';
 import { fromUnixTime, format, transpose } from 'date-fns';
 import { tz } from '@date-fns/tz';
+import { de } from 'date-fns/locale/de';
+import { enGB } from 'date-fns/locale/en-GB';
 import { MatDatepickerInput, MatDatepickerToggle, MatDatepickerToggleIcon, MatDatepicker, MatDateRangeInput, MatStartDate, MatEndDate, MatDateRangePicker } from '@angular/material/datepicker';
 import { MatTree, MatTreeNestedDataSource, MatTreeNode, MatTreeNodeToggle, MatTreeNodePadding, MatTreeNodeDef } from '@angular/material/tree';
 import { SelectionModel } from '@angular/cdk/collections';
@@ -31,8 +33,6 @@ import { NgxMatSelectSearchModule } from 'ngx-mat-select-search';
 import { ENTER, COMMA, ESCAPE } from '@angular/cdk/keycodes';
 import { MatAutocompleteTrigger, MatAutocomplete } from '@angular/material/autocomplete';
 import { MatChipGrid, MatChipRow, MatChipRemove, MatChipInput, MatChipSet, MatChip } from '@angular/material/chips';
-import { de } from 'date-fns/locale/de';
-import { enGB } from 'date-fns/locale/en-GB';
 import { MatTableDataSource, MatTable, MatColumnDef, MatHeaderCellDef, MatHeaderCell, MatCellDef, MatCell, MatHeaderRowDef, MatHeaderRow, MatRowDef, MatRow, MatFooterRow, MatFooterRowDef, MatFooterCell, MatFooterCellDef } from '@angular/material/table';
 import { MatTooltip } from '@angular/material/tooltip';
 import { MatDialogRef, MAT_DIALOG_DATA, MatDialogTitle, MatDialogContent, MatDialogActions, MatDialog } from '@angular/material/dialog';
@@ -682,16 +682,94 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                 type: Input
             }] } });
 
-class XiriDateService {
+const deValidationMessages = {
+    required: 'Pflichtfeld – bitte ausfüllen',
+    invalidFormat: 'Bitte ein gültiges Format eingeben',
+    invalidEmail: 'Bitte eine gültige E-Mail-Adresse eingeben',
+    valueRequired: 'Bitte einen Wert angeben',
+    minLength: min => `Mindestens ${min} Zeichen erforderlich`,
+    maxLength: max => `Maximal ${max} Zeichen erlaubt`,
+    minNumber: min => `Mindestens ${min} erforderlich`,
+    maxNumber: max => `Maximal ${max} erlaubt`,
+    minDate: date => `Datum darf nicht vor ${date} liegen`,
+    maxDate: date => `Datum darf nicht nach ${date} liegen`,
+    minDateRange: date => `Startdatum muss nach ${date} liegen`,
+    maxDateRange: date => `Enddatum muss vor ${date} liegen`,
+    minSelection: min => `Mindestens ${min} Einträge auswählen`,
+    maxSelection: max => `Maximal ${max} Einträge auswählen`,
+};
+const enValidationMessages = {
+    required: 'Required field',
+    invalidFormat: 'Please enter a valid format',
+    invalidEmail: 'Please enter a valid email address',
+    valueRequired: 'Please provide a value',
+    minLength: min => `At least ${min} characters required`,
+    maxLength: max => `Maximum ${max} characters allowed`,
+    minNumber: min => `Minimum value is ${min}`,
+    maxNumber: max => `Maximum value is ${max}`,
+    minDate: date => `Date must not be before ${date}`,
+    maxDate: date => `Date must not be after ${date}`,
+    minDateRange: date => `Start date must be after ${date}`,
+    maxDateRange: date => `End date must be before ${date}`,
+    minSelection: min => `Select at least ${min} items`,
+    maxSelection: max => `Select at most ${max} items`,
+};
+class XiriLocaleService {
     constructor() {
+        this.platformId = inject(PLATFORM_ID);
+        this.isBrowser = isPlatformBrowser(this.platformId);
+        this.dateAdapter = inject(DateAdapter, { optional: true });
+        // Registry aller bekannten Sprachen — de/en eingebaut, weitere per registerLanguage().
+        this.registry = new Map([
+            ['de', { localeString: 'de-DE', dateFnsLocale: de, validationMessages: deValidationMessages }],
+            ['en', { localeString: 'en-GB', dateFnsLocale: enGB, validationMessages: enValidationMessages }],
+        ]);
+        this._language = signal('de', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_language" }] : /* istanbul ignore next */ []));
+        this.language = this._language.asReadonly();
+        this.localeString = computed(() => this.registry.get(this._language())?.localeString ?? 'de-DE', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "localeString" }] : /* istanbul ignore next */ []));
+        // Aktives date-fns-Locale (für Datums-Formatierung + Datepicker). Undefined bei Text-only-Sprache.
+        this.dateFnsLocale = computed(() => this.registry.get(this._language())?.dateFnsLocale, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dateFnsLocale" }] : /* istanbul ignore next */ []));
+        // Zeitzone für alle Unix<->Local-Umrechnungen (locale-nahe Präsentations-Info, analog Go-uicontext).
         this.currentTimezone = 'Europe/Vienna';
-        this.dateAdapter = inject(DateAdapter);
+        const stored = this.readStoredLanguage();
+        // Nur wiederherstellen, wenn die Sprache bekannt ist (de/en oder bereits registriert).
+        if (stored && this.registry.has(stored))
+            this._language.set(stored);
+        // Material-Datepicker-Locale (Picker-UI) an die Sprache angleichen — reine Frontend-Interaktion.
+        // Ohne bereitgestellten DateAdapter (Text-only-Formular) oder ohne date-fns-Locale wird übersprungen.
+        effect(() => {
+            const locale = this.dateFnsLocale();
+            if (locale)
+                this.dateAdapter?.setLocale(locale);
+        });
+    }
+    // Sprache registrieren/überschreiben. Vor setLanguage() bzw. dem ersten Formular-Render aufrufen (App-Init).
+    registerLanguage(code, def) {
+        this.registry.set(code, def);
+        // Über Reload persistierte Custom-Sprache einklinken, sobald sie (nach)registriert wird —
+        // der Konstruktor kennt beim Restore nur de/en.
+        if (this.readStoredLanguage() === code)
+            this._language.set(code);
+    }
+    setLanguage(lang) {
+        if (!this.registry.has(lang)) {
+            console.warn(`XiriLocaleService: unbekannte Sprache '${lang}' – zuerst registerLanguage() aufrufen.`);
+            return;
+        }
+        this._language.set(lang);
+        this.storeLanguage(lang);
     }
-    setTimezone(tz) {
-        this.currentTimezone = tz;
+    // Validierungs-Fehlertexte der aktiven Sprache; Fallback de, falls (unerwartet) nicht vorhanden.
+    validationMessagesFor() {
+        return this.registry.get(this._language())?.validationMessages
+            ?? this.registry.get('de').validationMessages;
     }
-    setLocale(localeString, locale) {
-        this.dateAdapter.setLocale(locale);
+    // ── Zeitzone + Datums-/Zahlen-Formatierung (locale-abhängig) ─────────────────────────────
+    setTimezone(timezone) {
+        this.currentTimezone = timezone;
     }
     unixToLocal(stime) {
         if (stime === null || stime === undefined)
@@ -700,28 +778,64 @@ class XiriDateService {
     }
     unixToStringDateTime(stime) {
         const date = this.unixToLocal(stime);
-        return date === null ? '' : format(date, 'yyyy-MM-dd HH:mm');
+        return date === null ? '' : format(date, 'yyyy-MM-dd HH:mm', { locale: this.dateFnsLocale() });
     }
     unixToStringDate(stime) {
         const date = this.unixToLocal(stime);
-        return date === null ? '' : format(date, 'd. LLL.');
+        // Kein Punkt hinter LLL: die Interpunktion des Monatskürzels bringt das jeweilige Locale
+        // selbst mit (de/fr: 'Mär.'/'juil.', en: 'Jul' ohne) — ein fixer Punkt gäbe sonst '18. Mär..'.
+        return date === null ? '' : format(date, 'd. LLL', { locale: this.dateFnsLocale() });
     }
     unixToStringDateYear(stime) {
         const date = this.unixToLocal(stime);
-        return date === null ? '' : format(date, 'd. LLL. yy');
+        return date === null ? '' : format(date, 'd. LLL yy', { locale: this.dateFnsLocale() });
     }
     dateToUnix(date) {
         return Math.floor(transpose(date, tz(this.currentTimezone)).getTime() / 1000);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: XiriDateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: XiriDateService, providedIn: 'root' }); }
+    formatNumber(value, webformat) {
+        if (value === null || value === undefined)
+            return '';
+        const digits = webformat === 'integer'
+            ? 0
+            : /^float\d+$/.test(webformat ?? '')
+                ? Number(webformat.slice(5))
+                : undefined;
+        const options = { style: 'decimal' };
+        if (digits !== undefined) {
+            options.minimumFractionDigits = digits;
+            options.maximumFractionDigits = digits;
+        }
+        return new Intl.NumberFormat(this.localeString(), options).format(value);
+    }
+    // localStorage-Zugriff abgesichert: im SSR nicht vorhanden, in jsdom-Tests ggf. undefined,
+    // im Private-Mode wirft es SecurityError. In all diesen Fällen still ohne Persistenz weiterlaufen.
+    readStoredLanguage() {
+        if (!this.isBrowser)
+            return null;
+        try {
+            return localStorage.getItem('xiri-language');
+        }
+        catch {
+            return null;
+        }
+    }
+    storeLanguage(lang) {
+        if (!this.isBrowser)
+            return;
+        try {
+            localStorage.setItem('xiri-language', lang);
+        }
+        catch {
+            // Persistenz nicht verfügbar (Private-Mode o. Ä.) — Sprachwechsel gilt trotzdem für die Session.
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: XiriLocaleService, deps: [], target: i0.ɵɵFactoryTarget.Service }); }
+    static { this.ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.0.7", ngImport: i0, type: XiriLocaleService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: XiriDateService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: XiriLocaleService, decorators: [{
+            type: Service
+        }], ctorParameters: () => [] });
 
 class XiriFieldMain {
     constructor() {
@@ -935,7 +1049,7 @@ class XiriDateTimeRangeComponent extends XiriFieldMain {
         this.minutes = ['00', '05', '10', '15',
             '20', '25', '30', '35',
             '40', '45', '50', '55',];
-        this.dateService = inject(XiriDateService);
+        this.dateService = inject(XiriLocaleService);
         this.fb = inject(FormBuilder);
         this._id = this._uid;
         if (this.ngControl != null)
@@ -1093,7 +1207,7 @@ class XiriDateRangeComponent extends XiriFieldMain {
         this.minDate = null;
         this.maxDate = null;
         this._lastValue = null;
-        this.dateService = inject(XiriDateService);
+        this.dateService = inject(XiriLocaleService);
         this.fb = inject(FormBuilder);
         this._id = this._uid;
         if (this.ngControl != null)
@@ -1237,7 +1351,7 @@ class XiriDateComponent extends XiriFieldMain {
             '30', '31', '32', '33', '34', '35', '36', '37', '38', '39',
             '40', '41', '42', '43', '44', '45', '46', '47', '48', '49',
             '50', '51', '52', '53', '54', '55', '56', '57', '58', '59',];
-        this.dateService = inject(XiriDateService);
+        this.dateService = inject(XiriLocaleService);
         this.fb = inject(FormBuilder);
         this._id = this._uid;
         if (this.ngControl != null)
@@ -1375,7 +1489,7 @@ class XiriYearMonthComponent extends XiriFieldMain {
         ...(ngDevMode ? [{ debugName: "picker" }] : /* istanbul ignore next */ []));
         this._lastValue = null;
         this.type = 'yearmonth';
-        this.dateService = inject(XiriDateService);
+        this.dateService = inject(XiriLocaleService);
         this._id = this._uid;
         if (this.ngControl != null)
             this.ngControl.valueAccessor = this;
@@ -2167,77 +2281,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                     ], template: "<mat-form-field>\n\t@if (field().name) {\n\t\t<mat-label>{{ field().name }}</mat-label>\n\t}\n\t<mat-chip-grid #chipGrid>\n\t\t@for (chip of chips(); track chip) {\n\t\t\t<mat-chip-row (removed)=\"remove(chip)\" [class]=\"chipColor(chip)\">\n\t\t\t\t{{ displayLabel(chip) }}\n\t\t\t\t<button matChipRemove>\n\t\t\t\t\t<mat-icon>cancel</mat-icon>\n\t\t\t\t</button>\n\t\t\t</mat-chip-row>\n\t\t}\n\t</mat-chip-grid>\n\t<input #chipInput\n\t       [matChipInputFor]=\"chipGrid\"\n\t       [matChipInputSeparatorKeyCodes]=\"separatorKeyCodes\"\n\t       [matChipInputAddOnBlur]=\"true\"\n\t       (matChipInputTokenEnd)=\"add($event)\"\n\t       (input)=\"onInputChange($event)\"\n\t       (focus)=\"onFocus()\"\n\t       [matAutocomplete]=\"auto\"\n\t       [placeholder]=\"field().hint || ''\">\n\t<mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\">\n\t\t@for (option of filteredOptions(); track option.id) {\n\t\t\t<mat-option [value]=\"option\">{{ option.name }}</mat-option>\n\t\t}\n\t</mat-autocomplete>\n</mat-form-field>\n", styles: [":host{display:block;width:100%}mat-form-field{width:100%}\n"] }]
         }], propDecorators: { field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: true }] }], chipInput: [{ type: i0.ViewChild, args: ['chipInput', { isSignal: true }] }] } });
 
-class XiriLocaleService {
-    constructor() {
-        this.platformId = inject(PLATFORM_ID);
-        this.isBrowser = isPlatformBrowser(this.platformId);
-        this.dateAdapter = inject(DateAdapter, { optional: true });
-        this._language = signal('de', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_language" }] : /* istanbul ignore next */ []));
-        this.language = this._language.asReadonly();
-        this.localeString = computed(() => this._language() === 'en' ? 'en-GB' : 'de-DE', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "localeString" }] : /* istanbul ignore next */ []));
-        if (this.isBrowser) {
-            const stored = localStorage.getItem('xiri-language');
-            if (stored === 'de' || stored === 'en')
-                this._language.set(stored);
-        }
-        // Material-Datepicker-Locale (Picker-UI) an die Sprache angleichen — reine Frontend-Interaktion.
-        // Ohne bereitgestellten DateAdapter (z. B. Text-only-Formular ohne provideDateFnsAdapter()) gibt es
-        // ohnehin keinen Datepicker, daher wird der effect dann übersprungen.
-        effect(() => {
-            this.dateAdapter?.setLocale(this._language() === 'en' ? enGB : de);
-        });
-    }
-    setLanguage(lang) {
-        this._language.set(lang);
-        if (this.isBrowser)
-            localStorage.setItem('xiri-language', lang);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: XiriLocaleService, deps: [], target: i0.ɵɵFactoryTarget.Service }); }
-    static { this.ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.0.7", ngImport: i0, type: XiriLocaleService }); }
+function formatValidationDate(localeString, unixSeconds) {
+    return new Intl.DateTimeFormat(localeString).format(new Date(unixSeconds * 1000));
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: XiriLocaleService, decorators: [{
-            type: Service
-        }], ctorParameters: () => [] });
-
-function formatValidationDate(lang, unixSeconds) {
-    return new Intl.DateTimeFormat(lang === 'en' ? 'en-US' : 'de-AT').format(new Date(unixSeconds * 1000));
-}
-const validationMessages = {
-    de: {
-        required: 'Pflichtfeld – bitte ausfüllen',
-        invalidFormat: 'Bitte ein gültiges Format eingeben',
-        invalidEmail: 'Bitte eine gültige E-Mail-Adresse eingeben',
-        valueRequired: 'Bitte einen Wert angeben',
-        minLength: min => `Mindestens ${min} Zeichen erforderlich`,
-        maxLength: max => `Maximal ${max} Zeichen erlaubt`,
-        minNumber: min => `Mindestens ${min} erforderlich`,
-        maxNumber: max => `Maximal ${max} erlaubt`,
-        minDate: date => `Datum darf nicht vor ${date} liegen`,
-        maxDate: date => `Datum darf nicht nach ${date} liegen`,
-        minDateRange: date => `Startdatum muss nach ${date} liegen`,
-        maxDateRange: date => `Enddatum muss vor ${date} liegen`,
-        minSelection: min => `Mindestens ${min} Einträge auswählen`,
-        maxSelection: max => `Maximal ${max} Einträge auswählen`,
-    },
-    en: {
-        required: 'Required field',
-        invalidFormat: 'Please enter a valid format',
-        invalidEmail: 'Please enter a valid email address',
-        valueRequired: 'Please provide a value',
-        minLength: min => `At least ${min} characters required`,
-        maxLength: max => `Maximum ${max} characters allowed`,
-        minNumber: min => `Minimum value is ${min}`,
-        maxNumber: max => `Maximum value is ${max}`,
-        minDate: date => `Date must not be before ${date}`,
-        maxDate: date => `Date must not be after ${date}`,
-        minDateRange: date => `Start date must be after ${date}`,
-        maxDateRange: date => `End date must be before ${date}`,
-        minSelection: min => `Select at least ${min} items`,
-        maxSelection: max => `Select at most ${max} items`,
-    },
-};
 class XiriFormFieldsComponent {
     constructor() {
         this.formBuilder = inject(UntypedFormBuilder);
@@ -2477,8 +2523,8 @@ class XiriFormFieldsComponent {
             // Sprache wird bei jedem Zugriff auf `message` frisch aus dem Service gelesen (Getter),
             // damit die Fehlertexte bei einem Sprachwechsel ohne Neuaufbau der Validatoren umschalten.
             const localeService = this.localeService;
-            const langFor = () => localeService.language();
-            const messagesFor = () => validationMessages[langFor()];
+            const messagesFor = () => localeService.validationMessagesFor();
+            const localeStringFor = () => localeService.localeString();
             if (field.min !== undefined) {
                 const min = field.min;
                 if (field.type == 'number')
@@ -2491,13 +2537,13 @@ class XiriFormFieldsComponent {
                     field.validations.push({
                         id: 'min',
                         validator: Validators.min(min),
-                        get message() { return messagesFor().minDate(formatValidationDate(langFor(), min)); }
+                        get message() { return messagesFor().minDate(formatValidationDate(localeStringFor(), min)); }
                     });
                 else if (field.type == 'daterange' || field.type == 'datetimerange')
                     field.validations.push({
                         id: 'min',
                         validator: validatorDateRangeStart(min),
-                        get message() { return messagesFor().minDateRange(formatValidationDate(langFor(), min)); }
+                        get message() { return messagesFor().minDateRange(formatValidationDate(localeStringFor(), min)); }
                     });
                 else if (field.type == 'multiselect' || field.type == 'treeselect')
                     field.validations.push({
@@ -2524,13 +2570,13 @@ class XiriFormFieldsComponent {
                     field.validations.push({
                         id: 'max',
                         validator: Validators.max(max),
-                        get message() { return messagesFor().maxDate(formatValidationDate(langFor(), max)); }
+                        get message() { return messagesFor().maxDate(formatValidationDate(localeStringFor(), max)); }
                     });
                 else if (field.type == 'daterange' || field.type == 'datetimerange')
                     field.validations.push({
                         id: 'max',
                         validator: validatorDateRangeEnd(max),
-                        get message() { return messagesFor().maxDateRange(formatValidationDate(langFor(), max)); }
+                        get message() { return messagesFor().maxDateRange(formatValidationDate(localeStringFor(), max)); }
                     });
                 else if (field.type == 'multiselect' || field.type == 'treeselect')
                     field.validations.push({
@@ -4252,39 +4298,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
-class XiriNumberService {
-    constructor() {
-        this.currentLocale = 'de-DE';
-    }
-    setLocale(locale) {
-        this.currentLocale = locale;
-    }
-    formatNumber(value, webformat) {
-        if (value === null || value === undefined) {
-            return '';
-        }
-        const digits = webformat === 'integer'
-            ? 0
-            : /^float\d+$/.test(webformat ?? '')
-                ? Number(webformat.slice(5))
-                : undefined;
-        const options = { style: 'decimal' };
-        if (digits !== undefined) {
-            options.minimumFractionDigits = digits;
-            options.maximumFractionDigits = digits;
-        }
-        return new Intl.NumberFormat(this.currentLocale, options).format(value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: XiriNumberService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: XiriNumberService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: XiriNumberService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
 class XiriEmptyStateComponent {
     constructor() {
         this.settings = input.required(/* @ts-ignore */
@@ -4331,7 +4344,7 @@ class XiriTableComponent {
         this.dataService = inject(XiriDataService);
         this.router = inject(Router);
         this.sessionStorageService = inject(XiriSessionStorageService);
-        this.numberService = inject(XiriNumberService);
+        this.numberService = inject(XiriLocaleService);
         this.snackbar = inject(XiriSnackbarService);
         this.responseHandler = inject(XiriResponseHandlerService);
         this.downloadService = inject(XiriDownloadService);
@@ -8309,5 +8322,5 @@ function provideXiriServices(config) {
  * Generated bundle index. Do not edit.
  */
 
-export { COLOR_CSS_VAR, DEFAULT_COMPARE, DEFAULT_PREDICATE, FALLBACK_COLORS, SafehtmlPipe, ThemeService, XiriAlertComponent, XiriBarChartComponent, XiriBreadcrumbComponent, XiriBulletChartComponent, XiriButtonComponent, XiriButtonlineComponent, XiriButtonstyleComponent, XiriCalendarComponent, XiriCalloutComponent, XiriCardComponent, XiriCardlinkComponent, XiriColsDirective, XiriDataService, XiriDataServiceConfig, XiriDateService, XiriDescriptionListComponent, XiriDialogComponent, XiriDividerComponent, XiriDoneComponent, XiriDownloadService, XiriDynComponentComponent, XiriEchartsHostComponent, XiriEmptyStateComponent, XiriErrorComponent, XiriExpansionComponent, XiriFormComponent, XiriFormFieldsComponent, XiriFormService, XiriGanttComponent, XiriGaugeChartComponent, XiriHeaderComponent, XiriHeatmapComponent, XiriImagetextComponent, XiriInfopointComponent, XiriLineChartComponent, XiriLinksComponent, XiriListComponent, XiriLocalStorageService, XiriLocaleService, XiriMultiStatComponent, XiriMultiprogressComponent, XiriNumberService, XiriPageHeaderComponent, XiriPieChartComponent, XiriProgressComponent, XiriQueryComponent, XiriRawTableComponent, XiriResponseHandlerService, XiriSankeyComponent, XiriSearchComponent, XiriSectionComponent, XiriSelectDirective, XiriSessionStorageService, XiriSidenavComponent, XiriSidepanelComponent, XiriSidepanelRef, XiriSidepanelService, XiriSkeletonComponent, XiriSnackbarService, XiriStatComponent, XiriStatGridComponent, XiriStatusComponent, XiriStepperComponent, XiriTableComponent, XiriTabsComponent, XiriTimelineComponent, XiriToolbarComponent, XiriTreeComponent, XiriUrlPipe, colsToClasses, defaultXiriDataServiceConfig, escapeHtml, provideXiriServices, resolveColor };
+export { COLOR_CSS_VAR, DEFAULT_COMPARE, DEFAULT_PREDICATE, FALLBACK_COLORS, SafehtmlPipe, ThemeService, XiriAlertComponent, XiriBarChartComponent, XiriBreadcrumbComponent, XiriBulletChartComponent, XiriButtonComponent, XiriButtonlineComponent, XiriButtonstyleComponent, XiriCalendarComponent, XiriCalloutComponent, XiriCardComponent, XiriCardlinkComponent, XiriColsDirective, XiriDataService, XiriDataServiceConfig, XiriDescriptionListComponent, XiriDialogComponent, XiriDividerComponent, XiriDoneComponent, XiriDownloadService, XiriDynComponentComponent, XiriEchartsHostComponent, XiriEmptyStateComponent, XiriErrorComponent, XiriExpansionComponent, XiriFormComponent, XiriFormFieldsComponent, XiriFormService, XiriGanttComponent, XiriGaugeChartComponent, XiriHeaderComponent, XiriHeatmapComponent, XiriImagetextComponent, XiriInfopointComponent, XiriLineChartComponent, XiriLinksComponent, XiriListComponent, XiriLocalStorageService, XiriLocaleService, XiriMultiStatComponent, XiriMultiprogressComponent, XiriPageHeaderComponent, XiriPieChartComponent, XiriProgressComponent, XiriQueryComponent, XiriRawTableComponent, XiriResponseHandlerService, XiriSankeyComponent, XiriSearchComponent, XiriSectionComponent, XiriSelectDirective, XiriSessionStorageService, XiriSidenavComponent, XiriSidepanelComponent, XiriSidepanelRef, XiriSidepanelService, XiriSkeletonComponent, XiriSnackbarService, XiriStatComponent, XiriStatGridComponent, XiriStatusComponent, XiriStepperComponent, XiriTableComponent, XiriTabsComponent, XiriTimelineComponent, XiriToolbarComponent, XiriTreeComponent, XiriUrlPipe, colsToClasses, defaultXiriDataServiceConfig, escapeHtml, provideXiriServices, resolveColor };
 //# sourceMappingURL=xiriframework-xiri-ng.mjs.map