igniteui-angular 21.0.3 → 21.1.0-alpha.0

package/fesm2022/igniteui-angular-core.mjs

@@ -1,9 +1,11 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, HostListener, Input, Directive, InjectionToken, isDevMode, PLATFORM_ID, NgZone, DOCUMENT, EventEmitter, Output, Component, TemplateRef, ElementRef, ApplicationRef, ViewContainerRef, createComponent } from '@angular/core';
-import { isPlatformBrowser, formatDate as formatDate$1, CurrencyPipe, FormatWidth, getLocaleDateFormat, formatPercent, formatNumber, getLocaleCurrencyCode } from '@angular/common';
+import { Injectable, inject, HostListener, Input, Directive, InjectionToken, isDevMode, PLATFORM_ID, NgZone, DOCUMENT, EventEmitter, Output, Component, TemplateRef, LOCALE_ID, Pipe, ElementRef, ApplicationRef, ViewContainerRef, createComponent, DestroyRef, ɵR3Injector as _R3Injector } from '@angular/core';
+import { isPlatformBrowser, CurrencyPipe, getLocaleFirstDayOfWeek, formatDate, formatNumber, formatPercent, getLocaleCurrencyCode, getCurrencySymbol } from '@angular/common';
 import { mergeWith } from 'lodash-es';
 import { Observable, NEVER, Subject, fromEvent, BehaviorSubject } from 'rxjs';
 import { ɵgetDOM as _getDOM } from '@angular/platform-browser';
+import { getDateFormatter, getCurrentI18n, getI18nManager, getNumberFormatter, prefixResource, IGX_PREFIX, ActionStripResourceStringsEN as ActionStripResourceStringsEN$1, BannerResourceStringsEN as BannerResourceStringsEN$1, CalendarResourceStringsEN as CalendarResourceStringsEN$1, CarouselResourceStringsEN as CarouselResourceStringsEN$1, ChipResourceStringsEN as ChipResourceStringsEN$1, ComboResourceStringsEN as ComboResourceStringsEN$1, DatePickerResourceStringsEN as DatePickerResourceStringsEN$1, DateRangePickerResourceStringsEN as DateRangePickerResourceStringsEN$1, GridResourceStringsEN as GridResourceStringsEN$1, FileInputResourceStringsEN, ListResourceStringsEN as ListResourceStringsEN$1, PaginatorResourceStringsEN as PaginatorResourceStringsEN$1, QueryBuilderResourceStringsEN as QueryBuilderResourceStringsEN$1, TimePickerResourceStringsEN as TimePickerResourceStringsEN$1, TreeResourceStringsEN as TreeResourceStringsEN$1 } from 'igniteui-i18n-core';
+export { setCurrentI18n } from 'igniteui-i18n-core';
 import { AnimationBuilder } from '@angular/animations';
 import { takeUntil, filter } from 'rxjs/operators';
 import { scaleOutVerTop, scaleInVerTop, AnimationUtil, fadeOut, fadeIn, slideOutTop, slideInTop, slideOutBottom, slideInBottom, scaleOutHorRight, scaleInHorRight, scaleOutHorLeft, scaleInHorLeft, scaleOutVerBottom, scaleInVerBottom } from 'igniteui-angular/animations';
@@ -724,17 +726,6 @@ const yieldingLoop = (count, chunkSize, callback, done) => {
     chunk();
 };
 const isConstructor = (ref) => typeof ref === 'function' && Boolean(ref.prototype) && Boolean(ref.prototype.constructor);
-/**
- * Similar to Angular's formatDate. However it will not throw on `undefined | null | ''` instead
- * coalescing to an empty string.
- */
-const formatDate = (value, format, locale, timezone) => {
-    if (value === null || value === undefined || value === '') {
-        return '';
-    }
-    return formatDate$1(value, format, locale, timezone);
-};
-const formatCurrency = new CurrencyPipe(undefined).transform;
 /** Converts pixel values to their rem counterparts for a base value */
 const rem = (value) => {
     const base = parseFloat(globalThis.window?.getComputedStyle(globalThis.document?.documentElement).getPropertyValue('--ig-base-font-size'));
@@ -1432,9 +1423,6 @@ const predefinedNonNumericFormats = new Set([
 ]);
 /** @hidden */
 class DateTimeUtil {
-    static { this.DEFAULT_INPUT_FORMAT = 'MM/dd/yyyy'; }
-    static { this.DEFAULT_TIME_INPUT_FORMAT = 'hh:mm tt'; }
-    static { this.SEPARATOR = 'literal'; }
     static { this.DEFAULT_LOCALE = 'en'; }
     /**
      * Parse a Date value from masked string input based on determined date parts
@@ -1479,8 +1467,8 @@ class DateTimeUtil {
         return new Date(parts[DatePart.Year] || 2000, parts[DatePart.Month] || 0, parts[DatePart.Date] || 1, parts[DatePart.Hours] || 0, parts[DatePart.Minutes] || 0, parts[DatePart.Seconds] || 0, parts[DatePart.FractionalSeconds] || 0);
     }
     /** Parse the mask into date/time and literal parts */
-    static parseDateTimeFormat(mask, locale) {
-        const format = mask || DateTimeUtil.getDefaultInputFormat(locale);
+    static parseDateTimeFormat(mask, formatter, locale) {
+        const format = mask || DateTimeUtil.getDefaultInputFormat(locale, formatter);
         const dateTimeParts = [];
         const formatArray = Array.from(format);
         let currentPart = null;
@@ -1600,54 +1588,14 @@ class DateTimeUtil {
         return (value === "PM" /* AmPmValues.PM */.toLowerCase() || value === "p" /* AmPmValues.P */.toLowerCase());
     }
     /** Builds a date-time editor's default input format based on provided locale settings and data type. */
-    static getDefaultInputFormat(locale, dataType = GridColumnDataType.Date) {
+    static getDefaultInputFormat(locale, formatter, dataType = GridColumnDataType.Date) {
         locale = locale || DateTimeUtil.DEFAULT_LOCALE;
-        if (!Intl || !Intl.DateTimeFormat || !Intl.DateTimeFormat.prototype.formatToParts) {
-            // TODO: fallback with Intl.format for IE?
-            return DateTimeUtil.DEFAULT_INPUT_FORMAT;
-        }
-        const parts = DateTimeUtil.getDefaultLocaleMask(locale, dataType);
-        parts.forEach(p => {
-            if (p.type !== DatePart.Year && p.type !== DateTimeUtil.SEPARATOR && p.type !== DatePart.AmPm) {
-                p.formatType = "2-digit" /* FormatDesc.TwoDigits */;
-            }
-        });
-        return DateTimeUtil.getMask(parts);
-    }
-    /** Tries to format a date using Angular's DatePipe. Fallbacks to `Intl` if no locale settings have been loaded. */
-    static formatDate(value, format, locale, timezone) {
-        let formattedDate;
-        try {
-            formattedDate = formatDate$1(value, format, locale, timezone).normalize("NFKD");
-        }
-        catch {
-            DateTimeUtil.logMissingLocaleSettings(locale);
-            const formatter = new Intl.DateTimeFormat(locale);
-            formattedDate = formatter.format(value);
-        }
-        return formattedDate;
+        return formatter.getLocaleDateTimeFormat(locale, true, DateTimeUtil.getFormatOptions(dataType, true));
     }
-    /**
-     * Returns the date format based on a provided locale.
-     * Supports Angular's DatePipe format options such as `shortDate`, `longDate`.
-     */
-    static getLocaleDateFormat(locale, displayFormat) {
-        const formatKeys = Object.keys(FormatWidth);
-        const targetKey = formatKeys.find(k => k.toLowerCase() === displayFormat?.toLowerCase().replace('date', ''));
-        if (!targetKey) {
-            // if displayFormat is not shortDate, longDate, etc.
-            // or if it is not set by the user
-            return displayFormat;
-        }
-        let format;
-        try {
-            format = getLocaleDateFormat(locale, FormatWidth[targetKey]);
-        }
-        catch {
-            DateTimeUtil.logMissingLocaleSettings(locale);
-            format = DateTimeUtil.getDefaultInputFormat(locale);
-        }
-        return format;
+    /** Builds a date-time editor's default display format based on provided locale settings and data type. */
+    static getDefaultDisplayFormat(locale, formatter, dataType = GridColumnDataType.Date) {
+        locale = locale || DateTimeUtil.DEFAULT_LOCALE;
+        return formatter.getLocaleDateTimeFormat(locale, false, DateTimeUtil.getFormatOptions(dataType, false));
     }
     /** Determines if a given character is `d/M/y` or `h/m/s`. */
     static isDateOrTimeChar(char) {
@@ -1852,8 +1800,8 @@ class DateTimeUtil {
         }
         return false;
     }
-    static isFormatNumeric(locale, inputFormat) {
-        const dateParts = DateTimeUtil.parseDateTimeFormat(inputFormat);
+    static isFormatNumeric(locale, inputFormat, formatter) {
+        const dateParts = DateTimeUtil.parseDateTimeFormat(inputFormat, formatter);
         if (predefinedNonNumericFormats.has(inputFormat) || dateParts.every(p => p.type === DatePart.Literal)) {
             return false;
         }
@@ -1861,7 +1809,7 @@ class DateTimeUtil {
             if (dateParts[i].type === DatePart.AmPm || dateParts[i].type === DatePart.Literal) {
                 continue;
             }
-            const transformedValue = formatDate$1(new Date(), dateParts[i].format, locale);
+            const transformedValue = formatter.formatDate(new Date(), dateParts[i].format, locale);
             // check if the transformed date/time part contains any kind of letter from any language
             if (/\p{L}+/gu.test(transformedValue)) {
                 return false;
@@ -1876,21 +1824,21 @@ class DateTimeUtil {
      *   for the corresponding numeric date parts
      * - otherwise, return an empty string
      */
-    static getNumericInputFormat(locale, format) {
+    static getNumericInputFormat(locale, formatter, format) {
         let resultFormat = '';
         if (!format) {
             return resultFormat;
         }
         if (predefinedNumericFormats.has(format)) {
-            resultFormat = DateTimeUtil.getLocaleInputFormatFromParts(locale, predefinedNumericFormats.get(format));
+            resultFormat = DateTimeUtil.getLocaleInputFormatFromParts(locale, formatter, predefinedNumericFormats.get(format));
         }
-        else if (DateTimeUtil.isFormatNumeric(locale, format)) {
+        else if (DateTimeUtil.isFormatNumeric(locale, format, formatter)) {
             resultFormat = format;
         }
         return resultFormat;
     }
     /** Gets the locale-based format from an array of date parts */
-    static getLocaleInputFormatFromParts(locale, dateParts) {
+    static getLocaleInputFormatFromParts(locale, formatter, dateParts) {
         const options = {};
         dateParts.forEach(p => {
             if (p === "year" /* DateParts.Year */) {
@@ -1900,10 +1848,7 @@ class DateTimeUtil {
                 options[p] = "2-digit" /* FormatDesc.TwoDigits */;
             }
         });
-        const formatter = new Intl.DateTimeFormat(locale, options);
-        const dateStruct = DateTimeUtil.getDateStructFromParts(formatter.formatToParts(new Date()), formatter);
-        DateTimeUtil.fillDatePartsPositions(dateStruct);
-        return DateTimeUtil.getMask(dateStruct);
+        return formatter.getLocaleDateTimeFormat(locale, true, options);
     }
     static addCurrentPart(currentPart, dateTimeParts) {
         DateTimeUtil.ensureLeadingZero(currentPart);
@@ -1917,66 +1862,6 @@ class DateTimeUtil {
         const result = value.replace(new RegExp(promptChar || '_', 'g'), '');
         return result;
     }
-    static getMask(dateStruct) {
-        const mask = [];
-        for (const part of dateStruct) {
-            if (part.formatType === "numeric" /* FormatDesc.Numeric */) {
-                switch (part.type) {
-                    case "day" /* DateParts.Day */:
-                        mask.push('d');
-                        break;
-                    case "month" /* DateParts.Month */:
-                        mask.push('M');
-                        break;
-                    case "year" /* DateParts.Year */:
-                        mask.push('yyyy');
-                        break;
-                    case "hour" /* DateParts.Hour */:
-                        mask.push(part.hour12 ? 'h' : 'H');
-                        break;
-                    case "minute" /* DateParts.Minute */:
-                        mask.push('m');
-                        break;
-                    case "second" /* DateParts.Second */:
-                        mask.push('s');
-                        break;
-                }
-            }
-            else if (part.formatType === "2-digit" /* FormatDesc.TwoDigits */) {
-                switch (part.type) {
-                    case "day" /* DateParts.Day */:
-                        mask.push('dd');
-                        break;
-                    case "month" /* DateParts.Month */:
-                        mask.push('MM');
-                        break;
-                    case "year" /* DateParts.Year */:
-                        mask.push('yy');
-                        break;
-                    case "hour" /* DateParts.Hour */:
-                        mask.push(part.hour12 ? 'hh' : 'HH');
-                        break;
-                    case "minute" /* DateParts.Minute */:
-                        mask.push('mm');
-                        break;
-                    case "second" /* DateParts.Second */:
-                        mask.push('ss');
-                        break;
-                }
-            }
-            if (part.type === "dayPeriod" /* DateParts.AmPm */) {
-                mask.push('tt');
-            }
-            if (part.type === DateTimeUtil.SEPARATOR) {
-                mask.push(part.value);
-            }
-        }
-        return mask.join('');
-    }
-    static logMissingLocaleSettings(locale) {
-        console.warn(`Missing locale data for the locale ${locale}. Please refer to https://angular.io/guide/i18n#i18n-pipes`);
-        console.warn('Using default browser locale settings.');
-    }
     static prependValue(value, partLength, prependChar) {
         return (prependChar + value.toString()).slice(-partLength);
     }
@@ -2036,15 +1921,16 @@ class DateTimeUtil {
                 return DatePart.Literal;
         }
     }
-    static getFormatOptions(dataType) {
+    static getFormatOptions(dataType, forceLeadingZero) {
+        const resolvedFormat = forceLeadingZero ? "2-digit" /* FormatDesc.TwoDigits */ : "numeric" /* FormatDesc.Numeric */;
         const dateOptions = {
-            day: "2-digit" /* FormatDesc.TwoDigits */,
-            month: "2-digit" /* FormatDesc.TwoDigits */,
+            day: resolvedFormat,
+            month: resolvedFormat,
             year: "numeric" /* FormatDesc.Numeric */
         };
         const timeOptions = {
-            hour: "2-digit" /* FormatDesc.TwoDigits */,
-            minute: "2-digit" /* FormatDesc.TwoDigits */
+            hour: resolvedFormat,
+            minute: resolvedFormat
         };
         switch (dataType) {
             case GridColumnDataType.Date:
@@ -2055,108 +1941,12 @@ class DateTimeUtil {
                 return {
                     ...dateOptions,
                     ...timeOptions,
-                    second: "2-digit" /* FormatDesc.TwoDigits */
+                    second: resolvedFormat
                 };
             default:
                 return {};
         }
     }
-    static getDefaultLocaleMask(locale, dataType = GridColumnDataType.Date) {
-        const options = DateTimeUtil.getFormatOptions(dataType);
-        const formatter = new Intl.DateTimeFormat(locale, options);
-        const formatToParts = formatter.formatToParts(new Date());
-        const dateStruct = DateTimeUtil.getDateStructFromParts(formatToParts, formatter);
-        DateTimeUtil.fillDatePartsPositions(dateStruct);
-        return dateStruct;
-    }
-    static getDateStructFromParts(parts, formatter) {
-        const dateStruct = [];
-        for (const part of parts) {
-            if (part.type === DateTimeUtil.SEPARATOR) {
-                dateStruct.push({
-                    type: DateTimeUtil.SEPARATOR,
-                    value: part.value
-                });
-            }
-            else {
-                dateStruct.push({
-                    type: part.type
-                });
-            }
-        }
-        const formatterOptions = formatter.resolvedOptions();
-        for (const part of dateStruct) {
-            switch (part.type) {
-                case "day" /* DateParts.Day */: {
-                    part.formatType = formatterOptions.day;
-                    break;
-                }
-                case "month" /* DateParts.Month */: {
-                    part.formatType = formatterOptions.month;
-                    break;
-                }
-                case "year" /* DateParts.Year */: {
-                    part.formatType = formatterOptions.year;
-                    break;
-                }
-                case "hour" /* DateParts.Hour */: {
-                    part.formatType = formatterOptions.hour;
-                    if (formatterOptions.hour12) {
-                        part.hour12 = true;
-                    }
-                    break;
-                }
-                case "minute" /* DateParts.Minute */: {
-                    part.formatType = formatterOptions.minute;
-                    break;
-                }
-                case "second" /* DateParts.Second */: {
-                    part.formatType = formatterOptions.second;
-                    break;
-                }
-                case "dayPeriod" /* DateParts.AmPm */: {
-                    part.formatType = formatterOptions.dayPeriod;
-                    break;
-                }
-            }
-        }
-        return dateStruct;
-    }
-    static fillDatePartsPositions(dateArray) {
-        let currentPos = 0;
-        for (const part of dateArray) {
-            // Day|Month|Hour|Minute|Second|AmPm part positions
-            if (part.type === "day" /* DateParts.Day */ || part.type === "month" /* DateParts.Month */ ||
-                part.type === "hour" /* DateParts.Hour */ || part.type === "minute" /* DateParts.Minute */ || part.type === "second" /* DateParts.Second */ ||
-                part.type === "dayPeriod" /* DateParts.AmPm */) {
-                // Offset 2 positions for number
-                part.position = [currentPos, currentPos + 2];
-                currentPos += 2;
-            }
-            else if (part.type === "year" /* DateParts.Year */) {
-                // Year part positions
-                switch (part.formatType) {
-                    case "numeric" /* FormatDesc.Numeric */: {
-                        // Offset 4 positions for full year
-                        part.position = [currentPos, currentPos + 4];
-                        currentPos += 4;
-                        break;
-                    }
-                    case "2-digit" /* FormatDesc.TwoDigits */: {
-                        // Offset 2 positions for short year
-                        part.position = [currentPos, currentPos + 2];
-                        currentPos += 2;
-                        break;
-                    }
-                }
-            }
-            else if (part.type === DateTimeUtil.SEPARATOR) {
-                // Separator positions
-                part.position = [currentPos, currentPos + 1];
-                currentPos++;
-            }
-        }
-    }
 }
 
 const daysInWeek = 7;
@@ -2472,7 +2262,7 @@ function isDateInRanges(date, ranges) {
     });
 }
 function formatToParts(date, locale, options, parts) {
-    const formatter = new Intl.DateTimeFormat(locale, options);
+    const formatter = getDateFormatter().getIntlFormatter(locale, options);
     const result = {
         date,
         full: formatter.format(date),
@@ -4498,17 +4288,20 @@ class BaseFilteringStrategy {
         }
         const { display, format, digitsInfo, currencyCode, timezone } = column.pipeArgs;
         const locale = column.grid.locale;
+        const i18nFormatter = column.grid.i18nFormatter;
         switch (column.dataType) {
             case GridColumnDataType.Date:
             case GridColumnDataType.DateTime:
             case GridColumnDataType.Time:
-                return formatDate(value, format, locale, timezone);
-            case GridColumnDataType.Currency:
-                return formatCurrency(value, currencyCode || getLocaleCurrencyCode(locale), display, digitsInfo, locale);
+                return i18nFormatter.formatDate(value, format, locale, timezone);
+            case GridColumnDataType.Currency: {
+                const currencyCodeFinal = i18nFormatter.getCurrencyCode(locale, currencyCode);
+                return i18nFormatter.formatCurrency(value, locale, display, currencyCodeFinal, digitsInfo);
+            }
             case GridColumnDataType.Number:
-                return formatNumber(value, locale, digitsInfo);
+                return i18nFormatter.formatNumber(value, locale, digitsInfo);
             case GridColumnDataType.Percent:
-                return formatPercent(value, locale, digitsInfo);
+                return i18nFormatter.formatPercent(value, locale, digitsInfo);
             default:
                 return value;
         }
@@ -4736,6 +4529,197 @@ class TreeGridMatchingRecordsOnlyFilteringStrategy extends TreeGridFilteringStra
 class GroupedRecords extends Array {
 }
 
+/**
+ * Injection token that allows for retrieving the i18n formatter for the IgniteUI components.
+ */
+const I18N_FORMATTER = new InjectionToken('IgniteFormattingToken', {
+    providedIn: 'root',
+    factory: () => new BaseFormatter(),
+});
+class BaseFormatter {
+    constructor() {
+        this.IntlDateTimeStyleValues = {
+            full: 'Full',
+            long: 'Long',
+            medium: 'Medium',
+            short: 'Short'
+        };
+        this._currencyPipe = new CurrencyPipe('en-US', 'USD');
+    }
+    verifyLocale(locale) {
+        try {
+            // Any angular method should work.
+            getLocaleFirstDayOfWeek(locale);
+        }
+        catch {
+            return undefined;
+        }
+        return locale;
+    }
+    /**
+     * Get Intl options based on format provided:
+     *
+     * date and time formats - short, medium, long, full
+     *
+     * date formats - shortDate, mediumDate, longDate, fullDate
+     *
+     * time formats - shortTime, mediumTime, longTime, fullTime
+     *
+     * @returns Return the resolved options or null if not matching any of the above.
+     */
+    getFormatOptions(format) {
+        let dateStyle = undefined, timeStyle = undefined;
+        if (format === 'short' || format === 'medium' || format === 'long' || format === 'full') {
+            dateStyle = format;
+            timeStyle = format;
+        }
+        else if (format?.includes('Date')) {
+            dateStyle = format.replace('Date', '');
+        }
+        else if (format?.includes('Time')) {
+            timeStyle = format.replace('Time', '');
+        }
+        else {
+            return null;
+        }
+        return {
+            dateStyle,
+            timeStyle
+        };
+    }
+    /**
+     * Returns the date and time format based on a provided locale and options.
+     */
+    getLocaleDateTimeFormat(locale, forceLeadingZero = false, options) {
+        return getDateFormatter().getLocaleDateTimeFormat(locale, forceLeadingZero, options);
+    }
+    /**
+     * Format provided date to reflect locales format. Similar to Angular's formatDate.
+     */
+    formatDate(value, format, locale, timezone) {
+        return value != null ? formatDate(value, format, locale, timezone) : '';
+    }
+    /** Format number value based on locale */
+    formatNumber(value, locale, digitsInfo) {
+        if (typeof value === "string") {
+            value = parseFloat(value);
+        }
+        return value != null ? formatNumber(value, locale, digitsInfo) : '';
+    }
+    /** Format number value as percent based on locale */
+    formatPercent(value, locale, digitsInfo) {
+        if (typeof value === "string") {
+            value = parseFloat(value);
+        }
+        return value != null ? formatPercent(value, locale, digitsInfo) : '';
+    }
+    /** Format number as a currency based on locale */
+    formatCurrency(value, locale, display, currencyCode, digitsInfo) {
+        if (typeof value === "string") {
+            value = parseFloat(value);
+        }
+        return value != null ? this._currencyPipe.transform(value, currencyCode, display, digitsInfo, locale ?? getCurrentI18n()) : '';
+    }
+    /**
+     * Retrieve the currency code of the locale provided.
+     * Angular provides locale data for them, if using that.
+     * When using Intl, it should be user defined and defaults to USD.
+     */
+    getCurrencyCode(locale, overrideCode) {
+        if (overrideCode) {
+            return overrideCode;
+        }
+        return getLocaleCurrencyCode(locale);
+    }
+    /** Get the currency symbol based on a currency code. */
+    getCurrencySymbol(currencyCode, locale, currencyDisplay = "symbol") {
+        let format = 'wide';
+        if (currencyDisplay === 'narrowSymbol') {
+            format = 'narrow';
+        }
+        return getCurrencySymbol(currencyCode, format, locale);
+    }
+    /**
+     * Get first day of the week.
+     * Angular's default: 0...6.
+     * Intl default: 1...7.
+     */
+    getLocaleFirstDayOfWeek(locale) {
+        // Angular returns 0 for Sunday...
+        return getLocaleFirstDayOfWeek(locale);
+    }
+}
+
+class IgxDateFormatterPipe {
+    constructor() {
+        this.i18nFormatter = inject(I18N_FORMATTER);
+        this.locale_ID = inject(LOCALE_ID);
+    }
+    transform(value, format, timezone, locale) {
+        return this.i18nFormatter.formatDate(value, format, locale ?? this.locale_ID, timezone);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: IgxDateFormatterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.2", ngImport: i0, type: IgxDateFormatterPipe, isStandalone: true, name: "date" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: IgxDateFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'date',
+                    standalone: true
+                }]
+        }] });
+class IgxNumberFormatterPipe {
+    constructor() {
+        this.i18nFormatter = inject(I18N_FORMATTER);
+    }
+    transform(value, digitsInfo, locale) {
+        return this.i18nFormatter.formatNumber(value, locale, digitsInfo);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: IgxNumberFormatterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.2", ngImport: i0, type: IgxNumberFormatterPipe, isStandalone: true, name: "number" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: IgxNumberFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'number',
+                    standalone: true
+                }]
+        }] });
+class IgxPercentFormatterPipe {
+    constructor() {
+        this.i18nFormatter = inject(I18N_FORMATTER);
+    }
+    transform(value, digitsInfo, locale) {
+        return this.i18nFormatter.formatPercent(value, locale, digitsInfo);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: IgxPercentFormatterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.2", ngImport: i0, type: IgxPercentFormatterPipe, isStandalone: true, name: "percent" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: IgxPercentFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'percent',
+                    standalone: true
+                }]
+        }] });
+class IgxCurrencyFormatterPipe {
+    constructor() {
+        this.i18nFormatter = inject(I18N_FORMATTER);
+    }
+    transform(value, currencyCode, display, digitsInfo, locale) {
+        return this.i18nFormatter.formatCurrency(value, locale, display, currencyCode, digitsInfo);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: IgxCurrencyFormatterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.2", ngImport: i0, type: IgxCurrencyFormatterPipe, isStandalone: true, name: "currency" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: IgxCurrencyFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'currency',
+                    standalone: true
+                }]
+        }] });
+
 class IgxAngularAnimationPlayer {
     get position() {
         return this._innerPlayer.getPosition();
@@ -7464,396 +7448,214 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
-const ActionStripResourceStringsEN = {
-    igx_action_strip_button_more_title: 'More'
-};
+const DEFAULT_LOCALE = 'en-US';
+function igxRegisterI18n(resourceStrings, locale) {
+    // Remove `igx_` prefix for compatibility with older versions.
+    const genericResourceStrings = {};
+    for (const key of Object.keys(resourceStrings)) {
+        let stringKey = key;
+        if (stringKey.startsWith("igx_")) {
+            stringKey = stringKey.replace("igx_", "");
+        }
+        genericResourceStrings[stringKey] = resourceStrings[key];
+    }
+    getI18nManager().registerI18n(genericResourceStrings, locale);
+}
+/** Get current resource strings based on default. Result is truncated result, containing only relevant locale strings. */
+function getCurrentResourceStrings(defaultEN, init = true, locale) {
+    const resourceStrings = getI18nManager().getCurrentResourceStrings(locale);
+    const resourceStringsKeys = Object.keys(resourceStrings);
+    const normalizedResourceStrings = {};
+    const newResourceStrings = {};
+    // Append back `igx_` prefix for compatibility with older versions.
+    const igxResourceStringKeys = Object.keys(defaultEN);
+    for (const igxKey of igxResourceStringKeys) {
+        let coreKey = igxKey;
+        if (coreKey.startsWith("igx_")) {
+            coreKey = coreKey.replace("igx_", "");
+        }
+        if (resourceStringsKeys.includes(coreKey)) {
+            normalizedResourceStrings[igxKey] = resourceStrings[coreKey];
+        }
+        else {
+            normalizedResourceStrings[igxKey] = defaultEN[igxKey];
+            newResourceStrings[coreKey] = defaultEN[igxKey];
+        }
+    }
+    if (init) {
+        // Register only new resources. We don't want to accidentally override any default set by user.
+        getI18nManager().registerI18n(newResourceStrings, getI18nManager().defaultLocale);
+    }
+    return normalizedResourceStrings;
+}
+/**
+ * Bind to the i18n manager's onResourceChange event
+ * @param destroyObj Object responsible for signaling destruction of the handling object
+ * @param context Reference to the object's this context
+ */
+function onResourceChangeHandle(destroyObj, callback, context) {
+    const onResourceChangeHandler = callback.bind(context);
+    getI18nManager().addEventListener("onResourceChange", onResourceChangeHandler);
+    // Handle removal of listener on context destroy
+    const removeHandler = () => {
+        getI18nManager().removeEventListener("onResourceChange", onResourceChangeHandler);
+    };
+    if (destroyObj instanceof DestroyRef || destroyObj instanceof _R3Injector) {
+        // R3Injector is for tests only
+        destroyObj.onDestroy(() => removeHandler());
+    }
+    else if (destroyObj) {
+        destroyObj.subscribe({
+            complete: () => removeHandler()
+        });
+    }
+}
+/**
+ * Change resource strings for all components globally. The locale is not taken into account and this method should be called when the locale is changed.
+ * Note: Legacy method. We suggest using the new `registerI18n` and `setCurrentI18n` methods exposed.
+ */
+function changei18n(resourceStrings) {
+    // Register to current locale, since the user might have already set `lang` tag on root html.
+    igxRegisterI18n(resourceStrings, getI18nManager().currentLocale);
+}
+/**
+ * Set the current locale of all Ignite UI components.
+ * @param locale The name of the locale. A string based on the BCP 47 language tag, that Intl supports.
+ */
+function registerI18n(resourceStrings, locale) {
+    igxRegisterI18n(resourceStrings, locale);
+}
 
-const BannerResourceStringsEN = {
-    igx_banner_button_dismiss: 'Dismiss'
-};
+/** Set up provider for Ignite UI components to use Intl formatting, replacing the default Angular's one. */
+function provideIgniteIntl() {
+    const providers = [{ provide: I18N_FORMATTER, useValue: new IntlFormatter() }];
+    return providers;
+}
+class IntlFormatter extends BaseFormatter {
+    verifyLocale(locale) {
+        try {
+            // Any angular method should work.
+            return Intl.getCanonicalLocales(locale)[0];
+        }
+        catch {
+            return undefined;
+        }
+    }
+    formatDate(value, format, locale, timezone) {
+        if (value === null || value === undefined || value === '') {
+            return '';
+        }
+        if (typeof value === "string" || typeof value === "number") {
+            value = getDateFormatter().createDateFromValue(value);
+        }
+        const formatOptions = this.getFormatOptions(format);
+        if (!formatOptions && format) {
+            return getDateFormatter().formatDateCustomFormat(value, format, { locale, timezone });
+        }
+        const options = {
+            ...formatOptions,
+            timeZone: timezone
+        };
+        return getDateFormatter().formatDateTime(value, locale, options);
+    }
+    formatNumber(value, locale, digitsInfo) {
+        return this.formatNumberGeneric(value, "decimal", locale, digitsInfo);
+    }
+    formatPercent(value, locale, digitsInfo) {
+        return this.formatNumberGeneric(value, "percent", locale, digitsInfo);
+    }
+    formatCurrency(value, locale, display, currencyCode, digitsInfo) {
+        return this.formatNumberGeneric(value, "currency", locale, digitsInfo, currencyCode, display);
+    }
+    getCurrencyCode(_locale, overrideCode) {
+        return overrideCode ?? 'USD';
+    }
+    getCurrencySymbol(currencyCode, locale, currencyDisplay = "symbol") {
+        return getNumberFormatter().getCurrencySymbol(currencyCode, locale, currencyDisplay);
+    }
+    getLocaleFirstDayOfWeek(locale) {
+        return getDateFormatter().getFirstDayOfWeek(locale);
+    }
+    parseDigitsInfo(value) {
+        let minIntegerDigits = undefined, minFractionDigits = undefined, maxFractionDigits = undefined;
+        if (value) {
+            const parts = value.split("-");
+            const innerParts = parts[0].split(".");
+            if (innerParts.length > 0) {
+                minIntegerDigits = parseInt(innerParts[0]);
+            }
+            if (innerParts.length == 2) {
+                minFractionDigits = parseInt(innerParts[1]);
+            }
+            if (parts.length == 2) {
+                maxFractionDigits = parseInt(parts[1]);
+            }
+        }
+        return { minIntegerDigits, minFractionDigits, maxFractionDigits };
+    }
+    formatNumberGeneric(value, style, locale, digitsInfo, currencyCode, display) {
+        if (value === null || value === undefined || value === '') {
+            return '';
+        }
+        if (typeof value === "string") {
+            value = parseFloat(value);
+        }
+        const parsedDigitsInfo = this.parseDigitsInfo(digitsInfo);
+        let currencyDisplay;
+        if (display !== 'code' && display !== 'symbol' && display !== 'symbol-narrow' && display !== 'narrowSymbol' && display !== "name") {
+            currencyDisplay = 'symbol';
+        }
+        else if (display === 'symbol-narrow') {
+            currencyDisplay = 'narrowSymbol';
+        }
+        else {
+            currencyDisplay = display || undefined;
+        }
+        const options = {
+            style: style,
+            currency: currencyCode,
+            currencyDisplay: currencyDisplay,
+            minimumIntegerDigits: parsedDigitsInfo.minIntegerDigits,
+            minimumFractionDigits: parsedDigitsInfo.minFractionDigits,
+            maximumFractionDigits: parsedDigitsInfo.maxFractionDigits
+        };
+        return getNumberFormatter().formatNumber(value, locale, options);
+    }
+}
 
-const CalendarResourceStringsEN = {
-    igx_calendar_previous_month: 'Previous Month',
-    igx_calendar_next_month: 'Next Month',
-    igx_calendar_previous_year: 'Previous Year',
-    igx_calendar_next_year: 'Next Year',
-    igx_calendar_previous_years: 'Previous {0} Years',
-    igx_calendar_next_years: 'Next {0} Years',
-    igx_calendar_select_date: 'Select Date',
-    igx_calendar_select_month: 'Select Month',
-    igx_calendar_select_year: 'Select Year',
-    igx_calendar_range_start: 'Range start',
-    igx_calendar_range_end: 'Range end',
-    igx_calendar_range_label_start: 'Start',
-    igx_calendar_range_label_end: 'End',
-    igx_calendar_range_placeholder: 'Select Range',
-    igx_calendar_selected_month_is: 'Selected month is ',
-    igx_calendar_first_picker_of: 'First picker of {0} starts from',
-    igx_calendar_multi_selection: 'Multi selection calendar with {0} date pickers',
-    igx_calendar_range_selection: 'Range selection calendar with {0} date pickers',
-    igx_calendar_single_selection: 'Calendar with {0} date pickers',
-    igx_calendar_singular_multi_selection: 'Multi selection calendar',
-    igx_calendar_singular_range_selection: 'Range selection calendar',
-    igx_calendar_singular_single_selection: 'Calendar',
-};
+const ActionStripResourceStringsEN = prefixResource(IGX_PREFIX, ActionStripResourceStringsEN$1);
 
-const CarouselResourceStringsEN = {
-    igx_carousel_of: 'of',
-    igx_carousel_slide: 'slide',
-    igx_carousel_previous_slide: 'previous slide',
-    igx_carousel_next_slide: 'next slide'
-};
+const BannerResourceStringsEN = prefixResource(IGX_PREFIX, BannerResourceStringsEN$1);
 
-const ChipResourceStringsEN = {
-    igx_chip_remove: 'remove chip',
-    igx_chip_select: 'select chip'
-};
+const CalendarResourceStringsEN = prefixResource(IGX_PREFIX, CalendarResourceStringsEN$1);
 
-const ComboResourceStringsEN = {
-    igx_combo_empty_message: 'The list is empty',
-    igx_combo_filter_search_placeholder: 'Enter a Search Term',
-    igx_combo_addCustomValues_placeholder: 'Add Item',
-    igx_combo_clearItems_placeholder: 'Clear Selection',
-    igx_combo_aria_label_options: 'Selected options',
-    igx_combo_aria_label_no_options: 'No options selected'
-};
+const CarouselResourceStringsEN = prefixResource(IGX_PREFIX, CarouselResourceStringsEN$1);
 
-const DatePickerResourceStringsEN = {
-    igx_date_picker_change_date: 'Change Date',
-    igx_date_picker_choose_date: 'Choose Date'
-};
+const ChipResourceStringsEN = prefixResource(IGX_PREFIX, ChipResourceStringsEN$1);
 
-const DateRangePickerResourceStringsEN = {
-    igx_date_range_picker_date_separator: 'to',
-    igx_date_range_picker_done_button: 'Done',
-    igx_date_range_picker_cancel_button: 'Cancel',
-    igx_date_range_picker_last7Days: 'Last 7 Days',
-    igx_date_range_picker_currentMonth: 'Current Month',
-    igx_date_range_picker_last30Days: 'Last 30 Days',
-    igx_date_range_picker_yearToDate: 'Year to Date',
-};
+const ComboResourceStringsEN = prefixResource(IGX_PREFIX, ComboResourceStringsEN$1);
 
-const GridResourceStringsEN = {
-    igx_grid_groupByArea_message: 'Drag a column header and drop it here to group by that column.',
-    igx_grid_groupByArea_select_message: 'Select all rows in the group with field name {0} and value {1}.',
-    igx_grid_groupByArea_deselect_message: 'Deselect all rows in the group with field name {0} and value {1}.',
-    igx_grid_emptyFilteredGrid_message: 'No records found.',
-    igx_grid_emptyGrid_message: 'Grid has no data.',
-    igx_grid_filter: 'Filter',
-    igx_grid_filter_row_close: 'Close',
-    igx_grid_filter_row_reset: 'Reset',
-    igx_grid_filter_row_placeholder: 'Add filter value',
-    igx_grid_filter_row_boolean_placeholder: 'All',
-    igx_grid_filter_row_date_placeholder: 'Pick up date',
-    igx_grid_filter_row_time_placeholder: 'Pick up time',
-    igx_grid_filter_operator_and: 'And',
-    igx_grid_filter_operator_or: 'Or',
-    igx_grid_complex_filter: 'Complex Filter',
-    igx_grid_filter_contains: 'Contains',
-    igx_grid_filter_doesNotContain: 'Does Not Contain',
-    igx_grid_filter_startsWith: 'Starts With',
-    igx_grid_filter_endsWith: 'Ends With',
-    igx_grid_filter_equals: 'Equals',
-    igx_grid_filter_doesNotEqual: 'Does Not Equal',
-    igx_grid_filter_empty: 'Empty',
-    igx_grid_filter_notEmpty: 'Not Empty',
-    igx_grid_filter_null: 'Null',
-    igx_grid_filter_notNull: 'Not Null',
-    igx_grid_filter_before: 'Before',
-    igx_grid_filter_after: 'After',
-    igx_grid_filter_at: 'At',
-    igx_grid_filter_not_at: 'Not At',
-    igx_grid_filter_at_before: 'At or Before',
-    igx_grid_filter_at_after: 'At or After',
-    igx_grid_filter_today: 'Today',
-    igx_grid_filter_yesterday: 'Yesterday',
-    igx_grid_filter_thisMonth: 'This Month',
-    igx_grid_filter_lastMonth: 'Last Month',
-    igx_grid_filter_nextMonth: 'Next Month',
-    igx_grid_filter_thisYear: 'This Year',
-    igx_grid_filter_lastYear: 'Last Year',
-    igx_grid_filter_nextYear: 'Next Year',
-    igx_grid_filter_greaterThan: 'Greater Than',
-    igx_grid_filter_lessThan: 'Less Than',
-    igx_grid_filter_greaterThanOrEqualTo: 'Greater Than Or Equal To',
-    igx_grid_filter_lessThanOrEqualTo: 'Less Than Or Equal To',
-    igx_grid_filter_true: 'True',
-    igx_grid_filter_false: 'False',
-    igx_grid_filter_all: 'All',
-    igx_grid_filter_condition_placeholder: 'Select filter',
-    igx_grid_filter_in: 'In',
-    igx_grid_filter_notIn: 'Not In',
-    igx_grid_summary_count: 'Count',
-    igx_grid_summary_min: 'Min',
-    igx_grid_summary_max: 'Max',
-    igx_grid_summary_sum: 'Sum',
-    igx_grid_summary_average: 'Avg',
-    igx_grid_summary_earliest: 'Earliest',
-    igx_grid_summary_latest: 'Latest',
-    igx_grid_excel_filter_moving_left: 'move left',
-    igx_grid_excel_filter_moving_left_short: 'left',
-    igx_grid_excel_filter_moving_right: 'move right',
-    igx_grid_excel_filter_moving_right_short: 'right',
-    igx_grid_excel_filter_moving_header: 'move',
-    igx_grid_excel_filter_sorting_asc: 'ascending',
-    igx_grid_excel_filter_sorting_asc_short: 'asc',
-    igx_grid_excel_filter_sorting_desc: 'descending',
-    igx_grid_excel_filter_sorting_desc_short: 'desc',
-    igx_grid_excel_filter_sorting_header: 'sort',
-    igx_grid_excel_filter_clear: 'Clear column filters',
-    igx_grid_excel_custom_dialog_add: 'add filter',
-    igx_grid_excel_custom_dialog_clear: 'Clear filter',
-    igx_grid_excel_custom_dialog_header: 'Custom auto-filter on column: ',
-    igx_grid_excel_cancel: 'Cancel',
-    igx_grid_excel_apply: 'Apply',
-    igx_grid_excel_search_placeholder: 'Search',
-    igx_grid_excel_select_all: 'Select All',
-    igx_grid_excel_select_all_search_results: 'Select all search results',
-    igx_grid_excel_add_to_filter: 'Add current selection to filter',
-    igx_grid_excel_blanks: '(Blanks)',
-    igx_grid_excel_hide: 'Hide column',
-    igx_grid_excel_show: 'Show column',
-    igx_grid_excel_pin: 'Pin column',
-    igx_grid_excel_unpin: 'Unpin column',
-    igx_grid_excel_select: 'Select column',
-    igx_grid_excel_deselect: 'Deselect column',
-    igx_grid_excel_text_filter: 'Text filter',
-    igx_grid_excel_number_filter: 'Number filter',
-    igx_grid_excel_date_filter: 'Date filter',
-    igx_grid_excel_boolean_filter: 'Boolean filter',
-    igx_grid_excel_currency_filter: 'Currency filter',
-    igx_grid_excel_custom_filter: 'Custom filter...',
-    igx_grid_excel_no_matches: 'No matches',
-    igx_grid_excel_matches_count: '{0} matches.',
-    igx_grid_advanced_filter_title: 'Advanced Filtering',
-    igx_grid_advanced_filter_from_label: 'From',
-    igx_grid_advanced_filter_and_group: '"And" Group',
-    igx_grid_advanced_filter_or_group: '"Or" Group',
-    igx_grid_advanced_filter_end_group: 'End Group',
-    igx_grid_advanced_filter_create_and_group: 'Create "And" Group',
-    igx_grid_advanced_filter_create_or_group: 'Create "Or" Group',
-    igx_grid_advanced_filter_and_label: 'and',
-    igx_grid_advanced_filter_or_label: 'or',
-    igx_grid_advanced_filter_switch_group: 'Switch to {0}',
-    igx_grid_advanced_filter_add_condition: 'Add condition',
-    igx_grid_advanced_filter_add_group: 'Add group',
-    igx_grid_advanced_filter_add_condition_root: 'Condition',
-    igx_grid_advanced_filter_add_group_root: 'Group',
-    igx_grid_advanced_filter_ungroup: 'Ungroup',
-    igx_grid_advanced_filter_delete: 'Delete',
-    igx_grid_advanced_filter_delete_filters: 'Delete filters',
-    igx_grid_advanced_filter_initial_text: 'Start with creating a group of conditions linked with "And" or "Or"',
-    igx_grid_advanced_filter_column_placeholder: 'Select column',
-    igx_grid_advanced_filter_value_placeholder: 'Value',
-    igx_grid_advanced_filter_query_value_placeholder: 'Sub-query results',
-    igx_grid_advanced_filter_select_entity: 'Select entity',
-    igx_grid_advanced_filter_select_return_field_single: 'Select return field',
-    igx_grid_advanced_filter_dialog_title: 'Confirmation',
-    igx_grid_advanced_filter_dialog_message: 'By changing the entity, you will lose your current settings. Are you sure you want to do that?',
-    igx_grid_advanced_filter_dialog_checkbox_text: 'Do not show this dialog again',
-    igx_grid_advanced_filter_drop_ghost_text: 'Drop here to insert',
-    igx_grid_pinned_row_indicator: 'Pinned',
-    igx_grid_hiding_check_all_label: 'Show All',
-    igx_grid_hiding_uncheck_all_label: 'Hide All',
-    igx_grid_pinning_check_all_label: 'Pin All',
-    igx_grid_pinning_uncheck_all_label: 'Unpin All',
-    igx_grid_row_edit_btn_done: 'Done',
-    igx_grid_row_edit_btn_cancel: 'Cancel',
-    igx_grid_row_edit_text: 'You have {0} changes in this row and {1} hidden columns',
-    igx_grid_toolbar_actions_filter_prompt: 'Filter columns list ...',
-    igx_grid_toolbar_pinning_button_tooltip: 'Open column pinning dropdown',
-    igx_grid_toolbar_hiding_button_tooltip: 'Open column hiding dropdown',
-    igx_grid_toolbar_pinning_title: 'Pinned columns',
-    igx_grid_toolbar_hiding_title: 'Visible columns',
-    igx_grid_toolbar_advanced_filtering_button_tooltip: 'Open advanced filtering dialog',
-    igx_grid_toolbar_advanced_filtering_button_label: 'Advanced filtering',
-    igx_grid_toolbar_exporter_button_tooltip: 'Open exporter dropdown',
-    igx_grid_toolbar_exporter_button_label: 'Export',
-    igx_grid_toolbar_exporter_excel_entry_text: 'Export to Excel',
-    igx_grid_toolbar_exporter_csv_entry_text: 'Export to CSV',
-    igx_grid_toolbar_exporter_pdf_entry_text: 'Export to PDF',
-    igx_grid_snackbar_addrow_label: 'Row added',
-    igx_grid_snackbar_addrow_actiontext: 'SHOW',
-    igx_grid_actions_edit_label: 'Edit',
-    igx_grid_actions_add_label: 'Add',
-    igx_grid_add_row_label: 'ADD ROW',
-    igx_grid_actions_add_child_label: 'Add Child',
-    igx_grid_actions_delete_label: 'Delete',
-    igx_grid_actions_pin_label: 'Pin',
-    igx_grid_actions_unpin_label: 'Unpin',
-    igx_grid_actions_jumpUp_label: 'Jump up',
-    igx_grid_actions_jumpDown_label: 'Jump down',
-    igx_grid_pivot_date_dimension_total: 'All Periods',
-    igx_grid_pivot_aggregate_count: 'Count',
-    igx_grid_pivot_aggregate_min: 'Minimum',
-    igx_grid_pivot_aggregate_max: 'Maximum',
-    igx_grid_pivot_aggregate_sum: 'Sum',
-    igx_grid_pivot_aggregate_avg: 'Average',
-    igx_grid_pivot_aggregate_date_latest: 'Latest Date',
-    igx_grid_pivot_aggregate_date_earliest: 'Earliest Date',
-    igx_grid_pivot_aggregate_time_latest: 'Latest Time',
-    igx_grid_pivot_aggregate_time_earliest: 'Earliest Time',
-    igx_grid_pivot_empty_row_drop_area: 'Drop Row Fields here.',
-    igx_grid_pivot_empty_column_drop_area: 'Drop Column Fields here.',
-    igx_grid_pivot_empty_filter_drop_area: 'Drop Filter Fields here.',
-    igx_grid_pivot_empty_value_drop_area: 'Drop Value Fields here.',
-    igx_grid_pivot_row_drop_chip: 'Drop here to use as row',
-    igx_grid_pivot_column_drop_chip: 'Drop here to use as column',
-    igx_grid_pivot_filter_drop_chip: 'Drop here to use as filter',
-    igx_grid_pivot_value_drop_chip: 'Drop here to use as value',
-    igx_grid_pivot_empty_message: 'Pivot grid has no dimensions and values.',
-    igx_grid_pivot_selector_filters: 'Filters',
-    igx_grid_pivot_selector_rows: 'Rows',
-    igx_grid_pivot_selector_columns: 'Columns',
-    igx_grid_pivot_selector_values: 'Values',
-    igx_grid_pivot_selector_panel_empty: 'Drop Items Here',
-    igx_grid_required_validation_error: 'This field is required',
-    igx_grid_min_validation_error: 'A value of at least {0} should be entered',
-    igx_grid_max_validation_error: 'A value no more than {0} should be entered',
-    igx_grid_min_length_validation_error: 'Entry should be at least {0} character(s) long',
-    igx_grid_max_length_validation_error: 'Entry should be no more than {0} character(s) long',
-    igx_grid_email_validation_error: 'A valid email address should be entered',
-    igx_grid_pattern_validation_error: 'Entry does not match the required pattern'
-};
+const DatePickerResourceStringsEN = prefixResource(IGX_PREFIX, DatePickerResourceStringsEN$1);
 
-const InputResourceStringsEN = {
-    igx_input_upload_button: 'Browse',
-    igx_input_file_placeholder: 'No file chosen',
-};
+const DateRangePickerResourceStringsEN = prefixResource(IGX_PREFIX, DateRangePickerResourceStringsEN$1);
 
-const ListResourceStringsEN = {
-    igx_list_no_items: 'There are no items in the list.',
-    igx_list_loading: 'Loading data from the server...'
-};
+const GridResourceStringsEN = prefixResource(IGX_PREFIX, GridResourceStringsEN$1);
 
-const PaginatorResourceStringsEN = {
-    igx_paginator_label: 'Items per page',
-    igx_paginator_pager_text: 'of',
-    igx_paginator_first_page_button_text: 'Go to first page',
-    igx_paginator_previous_page_button_text: 'Previous page',
-    igx_paginator_last_page_button_text: 'Go to last page',
-    igx_paginator_next_page_button_text: 'Next page',
+;
+const InputResourceStringsEN = {
+    igx_input_upload_button: FileInputResourceStringsEN.file_input_upload_button,
+    igx_input_file_placeholder: FileInputResourceStringsEN.file_input_placeholder
 };
 
-const QueryBuilderResourceStringsEN = {
-    igx_query_builder_date_placeholder: 'Select date',
-    igx_query_builder_time_placeholder: 'Select time',
-    igx_query_builder_datetime_placeholder: 'Select date & time',
-    igx_query_builder_filter_operator_and: 'And',
-    igx_query_builder_filter_operator_or: 'Or',
-    igx_query_builder_filter_contains: 'Contains',
-    igx_query_builder_filter_doesNotContain: 'Does Not Contain',
-    igx_query_builder_filter_startsWith: 'Starts With',
-    igx_query_builder_filter_endsWith: 'Ends With',
-    igx_query_builder_filter_equals: 'Equals',
-    igx_query_builder_filter_doesNotEqual: 'Does Not Equal',
-    igx_query_builder_filter_empty: 'Empty',
-    igx_query_builder_filter_notEmpty: 'Not Empty',
-    igx_query_builder_filter_null: 'Null',
-    igx_query_builder_filter_notNull: 'Not Null',
-    igx_query_builder_filter_in: 'In',
-    igx_query_builder_filter_notIn: 'Not In',
-    igx_query_builder_filter_before: 'Before',
-    igx_query_builder_filter_after: 'After',
-    igx_query_builder_filter_at: 'At',
-    igx_query_builder_filter_not_at: 'Not At',
-    igx_query_builder_filter_at_before: 'At or Before',
-    igx_query_builder_filter_at_after: 'At or After',
-    igx_query_builder_filter_today: 'Today',
-    igx_query_builder_filter_yesterday: 'Yesterday',
-    igx_query_builder_filter_thisMonth: 'This Month',
-    igx_query_builder_filter_lastMonth: 'Last Month',
-    igx_query_builder_filter_nextMonth: 'Next Month',
-    igx_query_builder_filter_thisYear: 'This Year',
-    igx_query_builder_filter_lastYear: 'Last Year',
-    igx_query_builder_filter_nextYear: 'Next Year',
-    igx_query_builder_filter_greaterThan: 'Greater Than',
-    igx_query_builder_filter_lessThan: 'Less Than',
-    igx_query_builder_filter_greaterThanOrEqualTo: 'Greater Than Or Equal To',
-    igx_query_builder_filter_lessThanOrEqualTo: 'Less Than Or Equal To',
-    igx_query_builder_filter_true: 'True',
-    igx_query_builder_filter_false: 'False',
-    igx_query_builder_filter_all: 'All',
-    igx_query_builder_from_label: 'From',
-    igx_query_builder_select_label: 'Select',
-    igx_query_builder_where_label: 'Where',
-    igx_query_builder_and_group: '"And" Group',
-    igx_query_builder_or_group: '"Or" Group',
-    igx_query_builder_end_group: 'End Group',
-    igx_query_builder_and_label: 'and',
-    igx_query_builder_or_label: 'or',
-    igx_query_builder_switch_group: 'Switch to {0}',
-    igx_query_builder_add_condition: 'Add condition',
-    igx_query_builder_add_group: 'Add group',
-    igx_query_builder_add_condition_root: 'Condition',
-    igx_query_builder_add_group_root: 'Group',
-    igx_query_builder_ungroup: 'Ungroup',
-    igx_query_builder_delete: 'Delete',
-    igx_query_builder_delete_filters: 'Delete filters',
-    igx_query_builder_initial_text: 'Start with creating a group of conditions linked with "And" or "Or"',
-    igx_query_builder_column_placeholder: 'Select column',
-    igx_query_builder_condition_placeholder: 'Select filter',
-    igx_query_builder_value_placeholder: 'Value',
-    igx_query_builder_query_value_placeholder: 'Sub-query results',
-    igx_query_builder_all_fields: 'All fields',
-    igx_query_builder_details: 'Details',
-    igx_query_builder_search: 'Search',
-    igx_query_builder_select_all: 'Select All',
-    igx_query_builder_select_entity: 'Select entity',
-    igx_query_builder_select_return_field_single: 'Select return field',
-    igx_query_builder_select_return_fields: 'Select return fields',
-    igx_query_builder_dialog_title: 'Confirmation',
-    igx_query_builder_dialog_message: 'By changing the entity, you will lose your current settings. Are you sure you want to do that?',
-    igx_query_builder_dialog_checkbox_text: 'Do not show this dialog again',
-    igx_query_builder_dialog_cancel: 'Cancel',
-    igx_query_builder_dialog_confirm: 'Confirm',
-    igx_query_builder_drop_ghost_text: 'Drop here to insert'
-};
+const ListResourceStringsEN = prefixResource(IGX_PREFIX, ListResourceStringsEN$1);
 
-class igxI18N {
-    constructor() {
-        this._currentResourceStrings = {};
-    }
-    static instance() {
-        return this._instance || (this._instance = new this());
-    }
-    /**
-     * Changes the resource strings for all components in the application
-     * ```
-     * @param resourceStrings to be applied
-     */
-    changei18n(resourceStrings) {
-        for (const key of Object.keys(resourceStrings)) {
-            this._currentResourceStrings[key] = resourceStrings[key];
-        }
-    }
-    getCurrentResourceStrings(en) {
-        for (const key of Object.keys(en)) {
-            if (!this._currentResourceStrings[key]) {
-                this._currentResourceStrings[key] = en[key];
-            }
-        }
-        return this._currentResourceStrings;
-    }
-}
-function getCurrentResourceStrings(en) {
-    return igxI18N.instance().getCurrentResourceStrings(en);
-}
-function changei18n(resourceStrings) {
-    igxI18N.instance().changei18n(resourceStrings);
-}
+const PaginatorResourceStringsEN = prefixResource(IGX_PREFIX, PaginatorResourceStringsEN$1);
 
-const TimePickerResourceStringsEN = {
-    igx_time_picker_ok: 'OK',
-    igx_time_picker_cancel: 'Cancel',
-    igx_time_picker_change_time: 'Change Time',
-    igx_time_picker_choose_time: 'Choose Time'
-};
+const QueryBuilderResourceStringsEN = prefixResource(IGX_PREFIX, QueryBuilderResourceStringsEN$1);
 
-const TreeResourceStringsEN = {
-    igx_expand: 'Expand',
-    igx_collapse: 'Collapse',
-};
+const TimePickerResourceStringsEN = prefixResource(IGX_PREFIX, TimePickerResourceStringsEN$1);
+
+const TreeResourceStringsEN = prefixResource(IGX_PREFIX, TreeResourceStringsEN$1);
 
 /**
  * Global type augmentations for IgniteUI Angular
@@ -7865,5 +7667,5 @@ const TreeResourceStringsEN = {
  * Generated bundle index. Do not edit.
  */
 
-export { ACCORDION_NAVIGATION_KEYS, AbsolutePosition, AbsoluteScrollStrategy, ActionStripResourceStringsEN, AutoPositionStrategy, BannerResourceStringsEN, BaseFilteringStrategy, BaseFitPositionStrategy, BlockScrollStrategy, ByLevelTreeGridMergeStrategy, CachedDataCloneStrategy, CalendarDay, CalendarResourceStringsEN, CarouselResourceStringsEN, ChipResourceStringsEN, CloseScrollStrategy, ColumnPinningPosition, ComboResourceStringsEN, ConnectedPositioningStrategy, ContainerPositionStrategy, DataUtil, DatePart, DatePickerResourceStringsEN, DateRangePickerResourceStringsEN, DateRangeType, DateTimeUtil, DefaultDataCloneStrategy, DefaultMergeStrategy, DefaultSortingStrategy, DefaultTreeGridMergeStrategy, EDITOR_PROVIDER, ELEMENTS_TOKEN, ElasticPositionStrategy, ExpressionsTreeUtil, FilterUtil, FilteringExpressionsTree, FilteringExpressionsTreeType, FilteringLogic, FilteringStrategy, FormattedValuesFilteringStrategy, FormattedValuesSortingStrategy, GlobalPositionStrategy, GridColumnDataType, GridResourceStringsEN, GridSummaryCalculationMode, GroupMemberCountSortingStrategy, GroupedRecords, HEADER_KEYS, HORIZONTAL_NAV_KEYS, HammerGesturesManager, HorizontalAlignment, IgxActionStripActionsToken, IgxActionStripToken, IgxAngularAnimationPlayer, IgxAngularAnimationService, IgxBaseTransactionService, IgxBooleanFilteringOperand, IgxDataRecordSorting, IgxDateFilteringOperand, IgxDateTimeFilteringOperand, IgxFilteringOperand, IgxFlatTransactionFactory, IgxGrouping, IgxHierarchicalTransactionFactory, IgxHierarchicalTransactionService, IgxNavigationCloseDirective, IgxNavigationService, IgxNavigationToggleDirective, IgxNumberFilteringOperand, IgxOverlayOutletDirective, IgxOverlayService, IgxPickerActionsDirective, IgxPickerClearComponent, IgxPickerToggleComponent, IgxSelectionAPIService, IgxSorting, IgxStringFilteringOperand, IgxTimeFilteringOperand, IgxTransactionService, InputResourceStringsEN, ListResourceStringsEN, NAVIGATION_KEYS, NoOpScrollStrategy, NoopFilteringStrategy, NoopSortingStrategy, OffsetMode, PaginatorResourceStringsEN, PagingError, PerformanceService, PickerCalendarOrientation, PickerHeaderOrientation, PickerInteractionMode, PlatformUtil, Point, QueryBuilderResourceStringsEN, ROW_ADD_KEYS, ROW_COLLAPSE_KEYS, ROW_EXPAND_KEYS, RelativePosition, RelativePositionStrategy, SUPPORTED_KEYS, ScrollStrategy, SortingDirection, THEME_TOKEN, ThemeToken, TimePickerResourceStringsEN, TransactionEventOrigin, TransactionType, TreeGridFilteringStrategy, TreeGridFormattedValuesFilteringStrategy, TreeGridMatchingRecordsOnlyFilteringStrategy, TreeResourceStringsEN, Util, VerticalAlignment, WEEKDAYS, areEqualArrays, areSameMonth, calendarRange, changei18n, clamp, clearAll, clearMeasures, cloneArray, cloneHierarchicalArray, cloneValue, cloneValueCached, columnFieldPath, compareMaps, copyDescriptors, daysInWeek, first, flatten, formatCurrency, formatDate, formatToParts, generateMonth, getClosestActiveDate, getComponentCssSizeVar, getComponentSize, getComponentTheme, getCurrentResourceStrings, getHierarchy, getMeasures, getNextActiveDate, getPreviousActiveDate, getResizeObserver, getYearRange, igxI18N, intoChunks, isConstructor, isDate, isDateInRanges, isEqual, isHierarchyMatch, isNextMonth, isObject, isPreviousMonth, isTree, last, mergeObjects, modulo, normalizeURI, parseDate, recreateTree, recreateTreeFromFields, rem, resizeObservable, resolveNestedPath, reverseMapper, showMessage, startMeasure, toCalendarDay, trackByIdentity, uniqueDates, yieldingLoop, DIR_DOCUMENT as ɵDIR_DOCUMENT, IgxDirectionality as ɵIgxDirectionality, Size as ɵSize };
+export { ACCORDION_NAVIGATION_KEYS, AbsolutePosition, AbsoluteScrollStrategy, ActionStripResourceStringsEN, AutoPositionStrategy, BannerResourceStringsEN, BaseFilteringStrategy, BaseFitPositionStrategy, BaseFormatter, BlockScrollStrategy, ByLevelTreeGridMergeStrategy, CachedDataCloneStrategy, CalendarDay, CalendarResourceStringsEN, CarouselResourceStringsEN, ChipResourceStringsEN, CloseScrollStrategy, ColumnPinningPosition, ComboResourceStringsEN, ConnectedPositioningStrategy, ContainerPositionStrategy, DEFAULT_LOCALE, DataUtil, DatePart, DatePickerResourceStringsEN, DateRangePickerResourceStringsEN, DateRangeType, DateTimeUtil, DefaultDataCloneStrategy, DefaultMergeStrategy, DefaultSortingStrategy, DefaultTreeGridMergeStrategy, EDITOR_PROVIDER, ELEMENTS_TOKEN, ElasticPositionStrategy, ExpressionsTreeUtil, FilterUtil, FilteringExpressionsTree, FilteringExpressionsTreeType, FilteringLogic, FilteringStrategy, FormattedValuesFilteringStrategy, FormattedValuesSortingStrategy, GlobalPositionStrategy, GridColumnDataType, GridResourceStringsEN, GridSummaryCalculationMode, GroupMemberCountSortingStrategy, GroupedRecords, HEADER_KEYS, HORIZONTAL_NAV_KEYS, HammerGesturesManager, HorizontalAlignment, I18N_FORMATTER, IgxActionStripActionsToken, IgxActionStripToken, IgxAngularAnimationPlayer, IgxAngularAnimationService, IgxBaseTransactionService, IgxBooleanFilteringOperand, IgxCurrencyFormatterPipe, IgxDataRecordSorting, IgxDateFilteringOperand, IgxDateFormatterPipe, IgxDateTimeFilteringOperand, IgxFilteringOperand, IgxFlatTransactionFactory, IgxGrouping, IgxHierarchicalTransactionFactory, IgxHierarchicalTransactionService, IgxNavigationCloseDirective, IgxNavigationService, IgxNavigationToggleDirective, IgxNumberFilteringOperand, IgxNumberFormatterPipe, IgxOverlayOutletDirective, IgxOverlayService, IgxPercentFormatterPipe, IgxPickerActionsDirective, IgxPickerClearComponent, IgxPickerToggleComponent, IgxSelectionAPIService, IgxSorting, IgxStringFilteringOperand, IgxTimeFilteringOperand, IgxTransactionService, InputResourceStringsEN, IntlFormatter, ListResourceStringsEN, NAVIGATION_KEYS, NoOpScrollStrategy, NoopFilteringStrategy, NoopSortingStrategy, OffsetMode, PaginatorResourceStringsEN, PagingError, PerformanceService, PickerCalendarOrientation, PickerHeaderOrientation, PickerInteractionMode, PlatformUtil, Point, QueryBuilderResourceStringsEN, ROW_ADD_KEYS, ROW_COLLAPSE_KEYS, ROW_EXPAND_KEYS, RelativePosition, RelativePositionStrategy, SUPPORTED_KEYS, ScrollStrategy, SortingDirection, THEME_TOKEN, ThemeToken, TimePickerResourceStringsEN, TransactionEventOrigin, TransactionType, TreeGridFilteringStrategy, TreeGridFormattedValuesFilteringStrategy, TreeGridMatchingRecordsOnlyFilteringStrategy, TreeResourceStringsEN, Util, VerticalAlignment, WEEKDAYS, areEqualArrays, areSameMonth, calendarRange, changei18n, clamp, clearAll, clearMeasures, cloneArray, cloneHierarchicalArray, cloneValue, cloneValueCached, columnFieldPath, compareMaps, copyDescriptors, daysInWeek, first, flatten, formatToParts, generateMonth, getClosestActiveDate, getComponentCssSizeVar, getComponentSize, getComponentTheme, getCurrentResourceStrings, getHierarchy, getMeasures, getNextActiveDate, getPreviousActiveDate, getResizeObserver, getYearRange, intoChunks, isConstructor, isDate, isDateInRanges, isEqual, isHierarchyMatch, isNextMonth, isObject, isPreviousMonth, isTree, last, mergeObjects, modulo, normalizeURI, onResourceChangeHandle, parseDate, provideIgniteIntl, recreateTree, recreateTreeFromFields, registerI18n, rem, resizeObservable, resolveNestedPath, reverseMapper, showMessage, startMeasure, toCalendarDay, trackByIdentity, uniqueDates, yieldingLoop, DIR_DOCUMENT as ɵDIR_DOCUMENT, IgxDirectionality as ɵIgxDirectionality, Size as ɵSize };
 //# sourceMappingURL=igniteui-angular-core.mjs.map