fix(locale): Fix initial component locale comming from Angular overriding.

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 } from '../core/i18n/resources';
+import { DEFAULT_LOCALE, getCurrentResourceStrings } from '../core/i18n/resources';
 import { KeyboardNavigationService } from './calendar.services';
 import { getYearRange, isDateInRanges } from './common/helpers';
 import { CalendarDay } from './common/model';
@@ -1020,7 +1020,7 @@ export class IgxCalendarBaseDirective implements ControlValueAccessor {
 
     private initLocale() {
         this._defaultLocale = getCurrentI18n();
-        this._locale = this._localeId !== this._defaultLocale ? this._localeId : this._locale;
+        this._locale = this._localeId !== DEFAULT_LOCALE ? this._localeId : this._locale;
         this._localeWeekStart = getLocaleFirstDayOfWeek(this.locale);
         onResourceChangeHandle(this._destroyRef, this.onResourceChange, this);
     }

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

@@ -20,6 +20,8 @@ import {
     getI18nManager
 } from 'igniteui-i18n-core';
 
+export const DEFAULT_LOCALE = 'en-US';
+
 export interface IResourceStrings extends IGridResourceStrings, ITimePickerResourceStrings, ICalendarResourceStrings,
     ICarouselResourceStrings, IChipResourceStrings, IComboResourceStrings, IInputResourceStrings, IDatePickerResourceStrings,
     IDateRangePickerResourceStrings, IListResourceStrings, IPaginatorResourceStrings, ITreeResourceStrings,

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

@@ -20,6 +20,7 @@ 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 { DEFAULT_LOCALE } from '../core/i18n/resources';
 
 @Directive()
 export abstract class PickerBaseDirective implements IToggleView, EditorProvider, AfterViewInit, AfterContentChecked, OnDestroy {
@@ -361,7 +362,7 @@ export abstract class PickerBaseDirective implements IToggleView, EditorProvider
 
     protected initLocale() {
         this._defaultLocale = getCurrentI18n();
-        this._locale = this._localeId !== this._defaultLocale ? this._localeId : this._locale;
+        this._locale = this._localeId !== DEFAULT_LOCALE ? this._localeId : this._locale;
     }
 
     protected onResourceChange(args: CustomEvent<IResourceChangeEventArgs>) {

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 } from '../core/i18n/resources';
+import { DEFAULT_LOCALE, 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';
@@ -8282,7 +8282,7 @@ export abstract class IgxGridBaseDirective implements GridType,
 
     private initLocale() {
         this._defaultLocale = getCurrentI18n();
-        this._locale = this.localeId !== this._defaultLocale ? this.localeId : this._locale;
+        this._locale = this.localeId !== DEFAULT_LOCALE ? 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 } from '../core/i18n/resources';
+import { DEFAULT_LOCALE, 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';
@@ -1723,7 +1723,7 @@ export class IgxQueryBuilderTreeComponent implements AfterViewInit, OnDestroy {
 
     private initLocale() {
         this._defaultLocale = getCurrentI18n();
-        this._locale = this._localeId !== this._defaultLocale ? this._localeId : this._locale;
+        this._locale = this._localeId !== DEFAULT_LOCALE ? this._localeId : this._locale;
         onResourceChangeHandle(this.destroy$, this.onResourceChange, this);
     }