fix(localization): Fix i18n sample and bump version.

Author: skrustev

package-lock.json

@@ -73,14 +73,14 @@
     "file-saver": "^2.0.2",
     "fuse.js": "^7.1.0",
     "hammerjs": "^2.0.8",
-    "igniteui-angular": "^21.0.0",
+    "igniteui-angular": "^21.1.0-alpha.1",
     "igniteui-angular-charts": "^20.2.0",
     "igniteui-angular-core": "^20.2.0",
     "igniteui-angular-extras": "^21.0.0",
-    "igniteui-angular-i18n": "^21.0.0",
+    "igniteui-angular-i18n": "^21.1.0-alpha.1",
     "igniteui-dockmanager": "^1.17.0",
     "igniteui-grid-lite": "^0.0.1",
-    "igniteui-i18n-resources": "0.6.0-alpha.4",
+    "igniteui-i18n-resources": "^1.0.2",
     "igniteui-live-editing": "^3.3.0",
     "igniteui-webcomponents": "^6.2.0",
     "marked": "^16.3.0",

package.json

@@ -7,6 +7,7 @@ import { NgbModule } from "@ng-bootstrap/ng-bootstrap";
 import { provideRouter } from "@angular/router";
 import { AppRoutes } from "./app.routes";
 import { OverflowService } from "./services/overflow.service";
+import { provideIgniteIntl } from "igniteui-angular";
 
 export const AppConfig: ApplicationConfig = {
     providers: [
@@ -19,6 +20,7 @@ export const AppConfig: ApplicationConfig = {
         provideHttpClient(withInterceptorsFromDi(), withFetch()),
         provideAnimations(),
         provideRouter(AppRoutes),
-        OverflowService, provideClientHydration(withEventReplay())
+        OverflowService, provideClientHydration(withEventReplay()),
+        provideIgniteIntl()
     ]
 };

src/app/app.config.ts

@@ -36,6 +36,18 @@ export class LocalizationAllResourcesComponent implements OnInit {
 
     constructor() { }
     public ngOnInit(): void {
+        this.data = DATA;
+
+        // Creating a custom locale (HI) for specific grid strings.
+        // Similarly can localize all needed strings in a separate IgxResourceStringsHI file (feel free to contribute)
+        this.partialCustomHindi = {
+            igx_grid_summary_count: 'गणना',
+            igx_grid_summary_min: 'न्यून',
+            igx_grid_summary_max: 'अधिक',
+            igx_grid_summary_sum: 'योग',
+            igx_grid_summary_average: 'औसत'
+        };
+
         registerI18n(IgxResourceStringsBG, 'bg');
         registerI18n(IgxResourceStringsCS, 'cs');
         registerI18n(IgxResourceStringsDA, 'da');
@@ -56,18 +68,6 @@ export class LocalizationAllResourcesComponent implements OnInit {
         registerI18n(IgxResourceStringsZHHANS, 'zh-Hans');
         registerI18n(IgxResourceStringsZHHANT, 'zh-Hant');
         registerI18n(this.partialCustomHindi, 'hi');
-
-        this.data = DATA;
-
-        // Creating a custom locale (HI) for specific grid strings.
-        // Similarly can localize all needed strings in a separate IgxResourceStringsHI file (feel free to contribute)
-        this.partialCustomHindi = {
-            igx_grid_summary_count: 'गणना',
-            igx_grid_summary_min: 'न्यून',
-            igx_grid_summary_max: 'अधिक',
-            igx_grid_summary_sum: 'योग',
-            igx_grid_summary_average: 'औसत'
-        };
     }
 
     public updateLocale() {