fix(localization): Fix initialization of components to assign their locale and not globally.

Author: skrustev

projects/igniteui-angular/src/lib/calendar/calendar-base.ts

@@ -6,7 +6,7 @@ import { noop, Subject } from 'rxjs';
 import { getLocaleFirstDayOfWeek, isDate, isEqual, onResourceChangeHandle, PlatformUtil } from '../core/utils';
 import { CalendarResourceStringsEN, ICalendarResourceStrings } from '../core/i18n/calendar-resources';
 import { DateTimeUtil } from '../date-common/util/date-time.util';
-import { getCurrentResourceStrings, initi18n } from '../core/i18n/resources';
+import { getCurrentResourceStrings } from '../core/i18n/resources';
 import { KeyboardNavigationService } from './calendar.services';
 import { getYearRange, isDateInRanges } from './common/helpers';
 import { CalendarDay } from './common/model';
@@ -1019,8 +1019,8 @@ export class IgxCalendarBaseDirective implements ControlValueAccessor {
     }
 
     private initLocale() {
-        initi18n(this._localeId);
         this._defaultLocale = getCurrentI18n();
+        this._locale = this._localeId !== this._defaultLocale ? this._localeId : this._locale;
         this._localeWeekStart = getLocaleFirstDayOfWeek(this.locale);
         onResourceChangeHandle(this._destroyRef, this.onResourceChange, this);
     }

projects/igniteui-angular/src/lib/core/i18n/resources.ts

@@ -81,10 +81,3 @@ export function getCurrentResourceStrings<T>(defaultEN: T, init = true) {
 export function changei18n(resourceStrings: IResourceStrings) {
     igxRegisterI18n(resourceStrings, getI18nManager().defaultLocale);
 }
-
-export function initi18n(locale: string) {
-    if (locale !== 'en-US') {
-        //Default for angular is en-US, so don't set it on the i18n manager, because can override any other locale set by the new API.
-        setCurrentI18n(locale);
-    }
-}

projects/igniteui-angular/src/lib/date-common/picker-base.directive.ts

@@ -20,7 +20,6 @@ import { IgxPrefixDirective } from '../directives/prefix/prefix.directive';
 import { IgxSuffixDirective } from '../directives/suffix/suffix.directive';
 import { IgxInputGroupComponent } from '../input-group/input-group.component';
 import { getCurrentI18n, IResourceChangeEventArgs } from 'igniteui-i18n-core';
-import { initi18n } from '../core/i18n/resources';
 
 @Directive()
 export abstract class PickerBaseDirective implements IToggleView, EditorProvider, AfterViewInit, AfterContentChecked, OnDestroy {
@@ -361,8 +360,8 @@ export abstract class PickerBaseDirective implements IToggleView, EditorProvider
     }
 
     protected initLocale() {
-        initi18n(this._localeId);
         this._defaultLocale = getCurrentI18n();
+        this._locale = this._localeId !== this._defaultLocale ? this._localeId : this._locale;
     }
 
     protected onResourceChange(args: CustomEvent<IResourceChangeEventArgs>) {

projects/igniteui-angular/src/lib/date-picker/date-picker.component.ts

@@ -63,7 +63,7 @@ import {
 import { IDatePickerValidationFailedEventArgs } from './date-picker.common';
 import { IgxIconComponent } from '../icon/icon.component';
 import { IgxTextSelectionDirective } from '../directives/text-selection/text-selection.directive';
-import { getCurrentResourceStrings, initi18n } from '../core/i18n/resources';
+import { getCurrentResourceStrings } from '../core/i18n/resources';
 import { fadeIn, fadeOut } from 'igniteui-angular/animations';
 import { PickerCalendarOrientation } from '../date-common/types';
 import { IgxReadOnlyInputDirective } from '../directives/input/read-only-input.directive';
@@ -1007,7 +1007,6 @@ export class IgxDatePickerComponent extends PickerBaseDirective implements Contr
 
     protected override initLocale() {
         super.initLocale();
-        initi18n(this._localeId);
         onResourceChangeHandle(this._destroy$, this.onResourceChange, this);
     }
 

projects/igniteui-angular/src/lib/date-range-picker/date-range-picker.component.ts

@@ -33,7 +33,7 @@ import {
 import { DateRange, IgxDateRangeEndComponent, IgxDateRangeInputsBaseComponent, IgxDateRangeSeparatorDirective, IgxDateRangeStartComponent, DateRangePickerFormatPipe, CustomDateRange } from './date-range-picker-inputs.common';
 import { IgxPrefixDirective } from '../directives/prefix/prefix.directive';
 import { IgxIconComponent } from '../icon/icon.component';
-import { getCurrentResourceStrings, initi18n } from '../core/i18n/resources';
+import { getCurrentResourceStrings } from '../core/i18n/resources';
 import { fadeIn, fadeOut } from 'igniteui-angular/animations';
 import { PickerCalendarOrientation } from '../date-common/types';
 import { calendarRange, isDateInRanges } from '../calendar/common/helpers';
@@ -1272,7 +1272,6 @@ export class IgxDateRangePickerComponent extends PickerBaseDirective
 
     protected override initLocale() {
         super.initLocale();
-        initi18n(this._localeId);
         onResourceChangeHandle(this._destroy$, this.onResourceChange, this);
     }
 

projects/igniteui-angular/src/lib/grids/grid-base.directive.ts

@@ -181,7 +181,7 @@ import { IgxGridFilteringRowComponent } from './filtering/base/grid-filtering-ro
 import { DefaultDataCloneStrategy, IDataCloneStrategy } from '../data-operations/data-clone-strategy';
 import { IgxGridCellComponent } from './cell.component';
 import { IgxGridValidationService } from './grid/grid-validation.service';
-import { getCurrentResourceStrings, initi18n } from '../core/i18n/resources';
+import { getCurrentResourceStrings } from '../core/i18n/resources';
 import { isTree, recreateTree, recreateTreeFromFields } from '../data-operations/expressions-tree-util';
 import { getUUID } from './common/random';
 import { DefaultMergeStrategy, IGridMergeStrategy } from '../data-operations/merge-strategy';
@@ -8281,8 +8281,8 @@ export abstract class IgxGridBaseDirective implements GridType,
     }
 
     private initLocale() {
-        initi18n(this.localeId);
         this._defaultLocale = getCurrentI18n();
+        this._locale = this.localeId !== this._defaultLocale ? this.localeId : this._locale;
         onResourceChangeHandle(this.destroy$, this.onResourceChange, this);
     }
 

projects/igniteui-angular/src/lib/query-builder/query-builder-tree.component.ts

@@ -36,7 +36,7 @@ import { IgxInputGroupComponent } from '../input-group/input-group.component';
 import { IgxSelectItemComponent } from '../select/select-item.component';
 import { IgxPrefixDirective } from '../directives/prefix/prefix.directive';
 import { IgxIconComponent } from '../icon/icon.component';
-import { getCurrentResourceStrings, initi18n } from '../core/i18n/resources';
+import { getCurrentResourceStrings } from '../core/i18n/resources';
 import { IgxIconButtonDirective } from '../directives/button/icon-button.directive';
 import { IComboSelectionChangingEventArgs, IgxComboComponent } from "../combo/combo.component";
 import { IgxComboHeaderDirective } from '../combo/public_api';
@@ -1722,8 +1722,8 @@ export class IgxQueryBuilderTreeComponent implements AfterViewInit, OnDestroy {
     }
 
     private initLocale() {
-        initi18n(this._localeId);
         this._defaultLocale = getCurrentI18n();
+        this._locale = this._localeId !== this._defaultLocale ? this._localeId : this._locale;
         onResourceChangeHandle(this.destroy$, this.onResourceChange, this);
     }