\n```\n\nRemember to import the Pipe into the Component:\n\n```typescript\n @Component({\n // ...\n imports: [I18NextPipe],\n })\n export class SomeExampleComponent {}\n```\n\nTrigger native i18next [format method](https://www.i18next.com/formatting.html) by using I18NextFormatPipe or I18NextPipe with option 'format':\n\n`{{ 'any_key' | i18next | i18nextFormat }}`\n\n`{{ 'any_key' | i18next: { format: 'cap' } }}`\n\n`{{ 'any_key' | i18nextCap }}`\n\n**Note:** Using \"i18nextCap\" you will get the same result as `i18next: { format: 'cap' }`\n\n**REMEMBER** that format will not work until you set \"interpolation.format\" function in i18next options.\n\n`angular-i81next` has static method `static interpolationFormat(customFormat: Function = null): Function` that can be used as default interpolation format function (it provides 'upper', 'cap' and 'lower' formatters). You also can pass your custom function to be called after library formatters:\n\n```typescript\nimport { defaultInterpolationFormat, interpolationFormat } from \"angular-i18next\";\n\n\nconst i18nextOptions = {\n supportedLngs: ['en', 'ru'],\n ns: [\n 'translation',\n 'validation',\n 'error',\n ],\n interpolation: {\n format: interpolationFormat((value, format, lng) => {\n // extend interpolation format\n if(value instanceof Date)\n return moment(value).format(format);\n return value;\n });\n // format: interpolationFormat(defaultInterpolationFormat)\n }\n};\n\n```\n\n**i18nextEager pipe**\n\nThis is the impure analog of *i18next pipe* that is subscribed to language change, it will change string right away to choosen language (without reloading page).\n\n**Warning!**: Use i18nextEager only in combine with [OnPush change detection strategy](https://netbasal.com/a-comprehensive-guide-to-angular-onpush-change-detection-strategy-5bac493074a4), or else (default change detection) each pipe will retrigger more than one time (cause of performance issues).\n\nSubscribing to event observables:\n\n```typescript\nthis.i18NextService.events.languageChanged.subscribe(lang => {\n // do something\n})\n```\n\nAdd a provider to module/component if you want to prefix child i18next keys:\n\n```typescript\n{\n provide: I18NEXT_NAMESPACE,\n useValue: 'feature' // set 'feature:' prefix \n}\n```\n\n```typescript\n{\n provide: I18NEXT_SCOPE,\n useValue: 'person' // set 'person.' prefix \n}\n```\n\nSince v3.1.0+ it is possible to pass array of namespaces (or scopes). [Key would fallback](https://www.i18next.com/api.html#t) to next namespace in array if the previous failed to resolve.\n\n`[feature_validators:key, validators:key]`\n\n```typescript\n{\n provide: I18NEXT_NAMESPACE,\n useValue: ['feature_validators', 'validators']\n}\n```\n\n_NOTE:* **Do NOT** use default (or custom) i18next delimiters in namespace names.\n\n### Document title\n\nIf you want to turn on document title localization resolve Title as `I18NextTitle` imported from 'angular-i18next':\n\n```typescript\n providers: [provideI18Next(withTitle())]\n```\n\nRoutes example:\n\n```typescript\nconst appRoutes: Routes = [\n { \n path: 'error',\n component: AppErrorComponent,\n data: { title: 'error:error_occured' }\n },\n { \n path: 'denied',\n component: AccessDeniedComponent,\n data: { title: 'error:access_denied' }\n }\n];\n```\n\nWays to use I18NextService in your code:\n> **Warning:** Injection of **I18NextService** is possible, but it would not consider I18NEXT_NAMESPACE and I18NEXT_SCOPE providers. There are 2 possible reasons to inject **I18NextService**: initialization and subscription to its events. In all other cases inject **I18NextPipe**.\n\n1) **Recommended way:** Inject via **I18NEXT_SERVICE** token. By default it will inject instance of **I18NextService**.\n\n```typescript\nexport class AppComponent implements OnInit {\n constructor(private router: Router,\n private title: Title,\n @Inject(I18NEXT_SERVICE) private i18NextService: ITranslationService) \n```\n\n2) Legacy way: Inject via type\n\n```typescript\nexport class AppComponent implements OnInit {\n constructor(private router: Router,\n private title: Title,\n private i18NextService: I18NextService) \n```\n\n### Error handling\n\nError handling is now configurable:\n\n 1) By default i18next promise will use NativeErrorHandlingStrategy. I18Next would be always resolve successfully. Error could be get from 'then' handler parameter.\n 2) Set StrictErrorHandlingStrategy to reject load promises (init, languageChange, loadNamespaces) on first load fail (this was default in v2 but changed to fit [native i18next behavior](https://github.com/Romanchuk/angular-i18next/issues/9):\n\n```typescript\n providers: [\n provideI18Next(\n withCustomErrorHandlingStrategy(StrictErrorHandlingStrategy)\n )\n ] \n```\n\n### Lazy loading\n\nUse `i18NextNamespacesGuard` in your routes to to load i18next namespace.\n\nNote: It is not necessary to register lazy loading namespaces in global i18next options.\n\n```\n{\n path: 'rich_form',\n loadComponent: () => RichFormComponent,\n providers: [\n {\n provide: I18NEXT_NAMESPACE, // namespace to start in component\n useValue: 'feature.rich_form',\n },\n ],\n canActivate: [i18NextNamespacesGuard('feature.rich_form')]\n }\n```\n\nUse I18NextService.loadNamespaces() method to load namespaces in code.\n\n# Cookbook\n\n### i18next plugin support\n\n```typescript\nimport { I18NextModule, ITranslationService, I18NEXT_SERVICE } from 'angular-i18next';\n// import Backend from 'i18next-xhr-backend'; //for i18next < 20.0.0\nimport HttpApi from 'i18next-http-backend';\nimport LanguageDetector from 'i18next-browser-languagedetector';\n\n...\n\ni18next.use(HttpApi)\n .use(LanguageDetector)\n .init(i18nextOptions)\n```\n\n### Server side rendereng (SSR)\n\n1. Provide for server:\n\n```typescript\nimport { provideI18Next, withTitle } from 'angular-i18next';\nimport { withSSR } from 'angular-i18next/ssr';\n\nconst serverConfig: ApplicationConfig = {\n providers: [\n provideServerRendering(),\n provideServerRouting(serverRoutes),\n provideI18Next(withTitle(), withSSR()),\n ],\n};\n\nexport const config = mergeApplicationConfig(appConfig, serverConfig);\n```\n\n2. Configure i18next in `server.ts` ([Example](./apps/angular-i18next-demo/src/server.ts)):\n\n### Auto error message for `@angular/forms`\n\nUse `i18nextValidationMessage` directive with formControlName\n\n```typescript\nimport { I18NextValidationMessageDirective } from 'angular-i18next/forms'\n\n@Component({\n imports: [I18NextValidationMessageDirective]\n})\n\n\n```\n\nThere is priority order for validation messages:\n\n1. namespace + `control_specific` with form hierarchy\n2. namespace + Common validation key(like `required`)\n3. `control_specific` with form hierarchy\n4. Common validation key like `required`\n\nAlso you can interpolate `control.error` values. For example: For validator `Validators.min(1)`\n\n```json\n\"min\": \"Minimal {{min}}. Actual: {{actual}}.\"\n```\n\n`en.validation.json`\n\n```json\n{\n \"required\": \"Field is required.\",\n \"pattern\": \"$t(validation:_fill) valid value.\",\n \"_fill\": \"Please fill in\",\n \"control_specific\": {\n \"technicalContact\": {\n \"firstName\": {\n \"required\": \"$t(validation:_fill) technical specialist's first name.\"\n },\n \"lastName\": {\n \"required\": \"$t(validation:_fill) technical specialist's last name.\"\n },\n \"middleName\": {\n \"required\": \"$t(validation:_fill) technical specialist's patronymic.\"\n }\n }\n }\n}\n```\n\n### Testing\n\n```typescript\n import { withSSR } from 'angular-i18next/testing';\n\n TestBed.configureTestingModule({\n imports: [ProjectComponent],\n providers: [\n provideI18NextMockAppInitializer(),\n provideI18Next(withMock())\n ]\n });\n```\n\n# What to do if... ?\n\n## New angular version released, but angular-i18next is not released YET\n\nAngular releases mostly don't break angular-i18next, but we cannot tell ahead that current version of `angular-i18next` will work correctly with latest angular version.\n\nYou can override an angular-i18next `peerDependencies` in your `package.json` on your **own risk**:\n\n```json\n\"overrides\": {\n \"angular-i18next\": {\n \"@angular/common\": \"*\",\n \"@angular/core\": \"*\",\n \"@angular/platform-browser\": \"*\"\n }\n}\n```\n\n# In-project testing\n\nYou might want to unit-test project components that are using i18next pipes\n\nExample tests setup:\n[libs/angular-i18next/src/tests/projectTests](https://github.com/Romanchuk/angular-i18next/tree/master/libs/angular-i18next/src/tests/projectTests)\n\n# Demo\n\n[Live DEMO](https://angular-i18next.onrender.com)\nDemo app source code available here: \n\n# Articles\n\n- [Angular L10n with I18next](https://phrase.com/blog/posts/angular-l10n-with-i18next/)\n- [Best Libraries for Angular I18n](https://phrase.com/blog/posts/best-libraries-for-angular-i18n/)\n"
},
{
"path": "README_DEPRECATED.md",
"content": "[](https://badge.fury.io/js/angular-i18next)\n[](https://npmjs.org/package/angular-i18next)\n[](https://travis-ci.com/Romanchuk/angular-i18next)\n[](https://coveralls.io/github/Romanchuk/angular-i18next?branch=master)\n[](http://commitizen.github.io/cz-cli/)\n[](https://www.paypal.com/paypalme2/sergeyromanchuk/10USD)\n[](https://github.com/romanchuk/angular-i18next)\n\n# angular-i18next\n[i18next](http://i18next.com/) v8.4+ integration with [angular](https://angular.io/) v2.0+\n\n[Live DEMO](https://romanchuk.github.io/angular-i18next/)\n\n - [Features](#features)\n - [Installation](#installation)\n - [Usage](#usage)\n - [Cookbook](#cookbook)\n - [Deep integration](#deep-integration)\n - [In-project testing](#in-project-testing)\n - [Demo](#demo)\n - [Articles](#articles)\n - [Support project](#support-on-beerpay)\n \n\n# Features\n\n- Native i18next [options](https://www.i18next.com/configuration-options.html)\n- Promise initialization\n- [i18next plugin](https://www.i18next.com/plugins-and-utils.html#plugins) support \n- Events support\n- Namespaces lazy load\n- i18next native [format](https://www.i18next.com/api.html#format) support\n- document.title localization\n- Error handling strategies\n- i18next namespaces and scopes (prefixes) for angular modules and components\n- AOT support\n- [Angular Package Format](https://docs.google.com/document/d/1CZC2rcpxffTDfRDs6p1cfbmKNLA6x5O-NtkJglDaBVs/preview) support\n\n[Related packages](#deep-integration) also has implementations for:\n- Reactive forms validators localization\n- Http error message localizer\n\n# Cheers!\nHey dude! Help me out for a couple of :beers:!\n\nПоддержи проект - угости автора кружечкой пива!\n\n[](https://www.paypal.com/paypalme2/sergeyromanchuk/10USD)\n\n\n# Installation\n\n**1.** Install package\n\n ```\n npm install i18next --save\n npm install angular-i18next --save\n ```\n\n**2.** Import I18NextModule to AppModule\n\n```typescript\n\nimport { I18NextModule } from 'angular-i18next';\n\n@NgModule({\n bootstrap: [ AppComponent ],\n declarations: [ \n AppComponent\n ],\n import: [\n I18NextModule.forRoot()\n ]\n})\nexport class AppModule {}\n\n```\n**3.** Import I18NextModule.forRoot() to AppModule and setup provider with \"init\" method (use native [options](https://www.i18next.com/overview/configuration-options)). Angular would not load until i18next initialize event fired\n> **Warning:**: options in example valid for i18next v20 (Always check latest API options of i18next)\n\n```typescript\nexport function appInit(i18next: ITranslationService) {\n return () => i18next.init({\n supportedLngs: ['en', 'ru'],\n fallbackLng: 'en',\n debug: true,\n returnEmptyString: false,\n ns: [\n 'translation',\n 'validation',\n 'error' \n ],\n });\n}\n\nexport function localeIdFactory(i18next: ITranslationService) {\n return i18next.language;\n}\n\nexport const I18N_PROVIDERS = [\n{\n provide: APP_INITIALIZER,\n useFactory: appInit,\n deps: [I18NEXT_SERVICE],\n multi: true\n},\n{\n provide: LOCALE_ID,\n deps: [I18NEXT_SERVICE],\n useFactory: localeIdFactory\n}];\n```\n\n```typescript\n@NgModule({\n imports: [\n ...\n I18NextModule.forRoot()\n ],\n providers: [\n ...\n I18N_PROVIDERS, \n ],\n bootstrap: [AppComponent]\n})\nexport class AppModule {\n}\n```\n\n# Usage\n\n### Pipes\n\nUse \"i18next\" pipe to translate key:\n\n
\n\n\nTrigger native i18next [format method](https://www.i18next.com/formatting.html) by using I18NextFormatPipe or I18NextPipe with option 'format':\n\n`{{ 'any_key' | i18next | i18nextFormat }}`\n\n`{{ 'any_key' | i18next: { format: 'cap' } }}`\n\n`{{ 'any_key' | i18nextCap }}`\n\n**Note:** Using \"i18nextCap\" you will get the same result as `i18next: { format: 'cap' }`\n\n**REMEMBER** that format will not work until you set \"interpolation.format\" function in i18next options.\n\nI18NextModule has static method `static interpolationFormat(customFormat: Function = null): Function` that can be used as default interpolation format function (it provides 'upper', 'cap' and 'lower' formatters). You also can pass your custom function to be called after I18NextModule formatters:\n\n```typescript\nconst i18nextOptions = {\n supportedLngs: ['en', 'ru'],\n ns: [\n 'translation',\n 'validation',\n 'error',\n ],\n interpolation: {\n format: I18NextModule.interpolationFormat((value, format, lng) => {\n if(value instanceof Date)\n return moment(value).format(format);\n return value;\n });\n // format: I18NextModule.interpolationFormat()\n }\n};\n\n```\n\n**i18nextEager pipe**\n\nThis is the impure analog of *i18next pipe* that is subscribed to language change, it will change string right away to choosen language (without reloading page).\n\n**Warning!**: Use i18nextEager only in combine with [OnPush change detection strategy](https://netbasal.com/a-comprehensive-guide-to-angular-onpush-change-detection-strategy-5bac493074a4), or else (default change detection) each pipe will retrigger more than one time (cause of performance issues).\n\nSubscribing to event observables:\n```typescript\nthis.i18NextService.events.languageChanged.subscribe(lang => {\n // do something\n})\n```\n\nAdd a provider to module/component if you want to prefix child i18next keys:\n```typescript\n{\n provide: I18NEXT_NAMESPACE,\n useValue: 'feature' // set 'feature:' prefix \n}\n```\n```typescript\n{\n provide: I18NEXT_SCOPE,\n useValue: 'person' // set 'person.' prefix \n}\n```\nSince v3.1.0+ it is possible to pass array of namespaces (or scopes). [Key would fallback](https://www.i18next.com/api.html#t) to next namespace in array if the previous failed to resolve.\n\n`[feature_validators:key, validators:key]`\n```typescript\n{\n provide: I18NEXT_NAMESPACE,\n useValue: ['feature_validators', 'validators']\n}\n```\n_NOTE:_ **Do NOT** use default (or custom) i18next delimiters in namespace names.\n\n### Document title\nIf you want to turn on document title localization resolve Title as `I18NextTitle` imported from 'angular-i18next':\n\n```typescript\n{\n provide: Title,\n useClass: I18NextTitle\n}\n```\n\nAlso you can implement your own Title service with specific behavior. Inject `I18NextPipe` (or `I18NextService`) to service/component:\n```typescript\nimport { Injectable, Inject } from '@angular/core';\nimport { Title, DOCUMENT } from '@angular/platform-browser';\nimport { I18NextPipe } from 'angular-i18next';\n\n@Injectable()\nexport class I18NextTitle extends Title {\n constructor(private i18nextPipe: I18NextPipe, @Inject(DOCUMENT) doc) {\n super(doc);\n }\n\n setTitle(value: string) {\n return super.setTitle(this.translate(value));\n }\n\n private translate(text: string) {\n return this.i18nextPipe.transform(text, { format: 'cap'});\n }\n}\n\n```\n\nWays to use I18NextService in your code:\n> **Warning:** Injection of **I18NextService** is possible, but it would not consider I18NEXT_NAMESPACE and I18NEXT_SCOPE providers. There are 2 possible reasons to inject **I18NextService**: initialization and subscription to its events. In all other cases inject **I18NextPipe**.\n1) **Recommended way:** Inject via **I18NEXT_SERVICE** token. By default it will inject instance of **I18NextService**.\n```typescript\nexport class AppComponent implements OnInit {\n constructor(private router: Router,\n private title: Title,\n @Inject(I18NEXT_SERVICE) private i18NextService: ITranslationService) \n```\n\n2) Legacy way: Inject via type\n```typescript\nexport class AppComponent implements OnInit {\n constructor(private router: Router,\n private title: Title,\n private i18NextService: I18NextService) \n```\n\n### Error handling\n\nError handling is now configurable:\n 1) By default i18next promise will use NativeErrorHandlingStrategy. I18Next would be always resolve succesfully. Error could be get from 'then' handler parameter.\n 2) Set StrictErrorHandlingStrategy to reject load promises (init, languageChange, loadNamespaces) on first load fail (this was default in v2 but changed to fit [native i18next behavior](https://github.com/Romanchuk/angular-i18next/issues/9):\n\n `I18NextModule.forRoot({ errorHandlingStrategy: StrictErrorHandlingStrategy })`\n\n \n\n### Lazy loading\n\nUse I18NEXT_NAMESPACE_RESOLVER in your routes to to load i18next namespace.\n\nNote: It is not neccesary to register lazy loading namespaces in global i18next options.\n\n```\n{\n path: 'rich_form',\n loadChildren: 'app/features/rich_form_feature/RichFormFeatureModule#RichFormFeatureModule',\n data: {\n i18nextNamespaces: ['feature.rich_form']\n },\n resolve: {\n i18next: I18NEXT_NAMESPACE_RESOLVER\n }\n },\n\n```\nUse I18NextService.loadNamespaces() method to load namespaces in code.\n\n\n# Cookbook\n\n### i18next plugin support\n\n```typescript\nimport { I18NextModule, ITranslationService, I18NEXT_SERVICE } from 'angular-i18next';\n// import Backend from 'i18next-xhr-backend'; //for i18next < 20.0.0\nimport HttpApi from 'i18next-http-backend';\nimport LanguageDetector from 'i18next-browser-languagedetector';\n\n...\n\ni18next.use(HttpApi)\n .use(LanguageDetector)\n .init(i18nextOptions)\n```\n\n\n\n\n### Initialize i18next before angular application\nAngular would not load until i18next initialize event fired\n```typescript\nexport function appInit(i18next: ITranslationService) {\n return () => i18next.init();\n}\n\nexport function localeIdFactory(i18next: ITranslationService) {\n return i18next.language;\n}\n\nexport const I18N_PROVIDERS = [\n{\n provide: APP_INITIALIZER,\n useFactory: appInit,\n deps: [I18NEXT_SERVICE],\n multi: true\n},\n{\n provide: LOCALE_ID,\n deps: [I18NEXT_SERVICE],\n useFactory: localeIdFactory\n}];\n```\n\n\n\n### Document title update on language or route change\n\n\n```typescript\nexport class AppComponent implements OnInit {\n constructor(private router: Router,\n private title: Title,\n @Inject(I18NEXT_SERVICE) private i18NextService: ITranslationService) {\n // page title subscription\n // https://toddmotto.com/dynamic-page-titles-angular-2-router-events#final-code\n this.router.events\n .filter(event => event instanceof NavigationEnd)\n .map(() => this.router.routerState.root)\n .map(route => {\n while (route.firstChild) route = route.firstChild;\n return route;\n })\n .filter(route => route.outlet === 'primary')\n .mergeMap(route => route.data)\n .subscribe((event) => this.updatePageTitle(event['title']));\n }\n\n ngOnInit() {\n this.i18NextService.events.languageChanged.subscribe(lang => {\n let root = this.router.routerState.root;\n if (root != null && root.firstChild != null) {\n let data: any = root.firstChild.data;\n this.updatePageTitle(data && data.value && data.value.title);\n }\n });\n }\n\n updatePageTitle(title: string): void {\n let newTitle = title || 'application_title';\n this.title.setTitle(newTitle);\n }\n}\n```\nRoutes example:\n```typescript\nconst appRoutes: Routes = [\n { \n path: 'error',\n component: AppErrorComponent,\n data: { title: 'error:error_occured' }\n },\n { \n path: 'denied',\n component: AccessDeniedComponent,\n data: { title: 'error:access_denied' }\n }\n];\n```\n\n# What to do if... ?\n\n## New angular version released, but angular-i18next is not released YET!!!\n\nAngular releases mostly don't break angular-i18next, but we cannot tell ahead that current version of `angular-i18next` will work correctly with latest angular version.\n\nYou can override an angular-i18next `peerDependencies` in your `package.json` on your **own risk**:\n\n```json\n\"overrides\": {\n \"angular-i18next\": {\n \"@angular/common\": \"*\",\n \"@angular/core\": \"*\",\n \"@angular/platform-browser\": \"*\"\n }\n}\n```\n\n# Deep integration\n\nList of packages to integrate angular and i18next more deeply:\n\n- [angular-validation-message](https://github.com/Romanchuk/angular-validation-message) - angular [reactive form validators](https://angular.io/guide/reactive-forms#step-2-making-a-field-required) integration (and [angular-validation-message-i18next ](https://github.com/Romanchuk/angular-validation-message-i18next) is i18next bridge to it). It gives you possibility to localize form validators and it automatically puts localized validator error message to markup (if there is one).\n- [angular-i18next-error-interceptor](https://github.com/LCGroupIT/angular-i18next-error-interceptor) - allows you to set default errot messages for non-200 http status responses. So if the back-end didn't specify { message: 'some error' } in a response (sort of contract with our backend) interceptor will check response status code and will fill { message: 'Server is not available. Please try again.' }. Also package includes pipe where you can pass HttpErrorResponse and it will return error message whenever it's back-end message or our localized message.\n\n# In-project testing\n\nYou might want to unit-test project components that are using i18next pipes\n\nExample tests setup:\n[libs/angular-i18next/src/tests/projectTests](https://github.com/Romanchuk/angular-i18next/tree/master/libs/angular-i18next/src/tests/projectTests)\n\n# Demo\n\n[Live DEMO](https://romanchuk.github.io/angular-i18next-demo/)\nDemo app source code available here: https://github.com/Romanchuk/angular-i18next-demo\n\n\n# Articles\n- [Angular L10n with I18next](https://phrase.com/blog/posts/angular-l10n-with-i18next/)\n- [Best Libraries for Angular I18n](https://phrase.com/blog/posts/best-libraries-for-angular-i18n/)\n\n"
},
{
"path": "apps/angular-i18next-demo/.browserslistrc",
"content": "# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.\n# For additional information regarding the format and rule options, please see:\n# https://github.com/browserslist/browserslist#queries\n\n# For the full list of supported browsers by the Angular framework, please see:\n# https://angular.io/guide/browser-support\n\n# You can see what browsers were selected by your queries by running:\n# npx browserslist\n\nlast 1 Chrome version\nlast 1 Firefox version\nlast 2 Edge major versions\nlast 2 Safari major versions\nlast 2 iOS major versions\nFirefox ESR\n"
},
{
"path": "apps/angular-i18next-demo/.eslintrc.json",
"content": "{\n \"extends\": [\"../../.eslintrc.json\"],\n \"ignorePatterns\": [\"!**/*\"],\n \"overrides\": [\n {\n \"files\": [\"*.ts\"],\n \"extends\": [\n \"plugin:@nx/angular\",\n \"plugin:@angular-eslint/template/process-inline-templates\"\n ],\n \"rules\": {}\n },\n {\n \"files\": [\"*.html\"],\n \"extends\": [\"plugin:@nx/angular-template\"],\n \"rules\": {}\n }\n ]\n}\n"
},
{
"path": "apps/angular-i18next-demo/jest.config.ts",
"content": "/* eslint-disable */\nexport default {\n displayName: 'angular-i18next-demo',\n preset: '../../jest.preset.js',\n setupFilesAfterEnv: ['/src/test-setup.ts'],\n globals: {},\n coverageDirectory: '../../coverage/apps/angular-i18next-demo',\n transform: {\n '^.+\\\\.(ts|mjs|js|html)$': [\n 'jest-preset-angular',\n {\n tsconfig: '/tsconfig.spec.json',\n stringifyContentPathRegex: '\\\\.(html|svg)$',\n },\n ],\n },\n transformIgnorePatterns: ['node_modules/(?!.*\\\\.mjs$)'],\n snapshotSerializers: [\n 'jest-preset-angular/build/serializers/no-ng-attributes',\n 'jest-preset-angular/build/serializers/ng-snapshot',\n 'jest-preset-angular/build/serializers/html-comment',\n ],\n};\n"
},
{
"path": "apps/angular-i18next-demo/project.json",
"content": "{\n \"name\": \"angular-i18next-demo\",\n \"$schema\": \"../../node_modules/nx/schemas/project-schema.json\",\n \"projectType\": \"application\",\n \"sourceRoot\": \"apps/angular-i18next-demo/src\",\n \"prefix\": \"angular-i18next\",\n \"tags\": [],\n \"targets\": {\n \"build\": {\n \"executor\": \"@nx/angular:application\",\n \"outputs\": [\"{options.outputPath}\"],\n \"options\": {\n \"browser\": \"apps/angular-i18next-demo/src/main.ts\",\n \"outputPath\": \"dist/angular-i18next-demo\",\n \"index\": \"apps/angular-i18next-demo/src/index.html\",\n \"tsConfig\": \"apps/angular-i18next-demo/tsconfig.app.json\",\n \"assets\": [\n \"apps/angular-i18next-demo/src/assets/favicon.png\",\n \"apps/angular-i18next-demo/src/assets\",\n \"apps/angular-i18next-demo/src/locales\"\n ],\n \"styles\": [\"apps/angular-i18next-demo/src/styles.css\"],\n \"scripts\": [],\n \"server\": \"apps/angular-i18next-demo/src/main.server.ts\",\n \"ssr\": {\n \"entry\": \"apps/angular-i18next-demo/src/server.ts\"\n },\n \"outputMode\": \"server\"\n },\n \"configurations\": {\n \"production\": {\n \"budgets\": [\n {\n \"type\": \"initial\",\n \"maximumWarning\": \"500kb\",\n \"maximumError\": \"1mb\"\n },\n {\n \"type\": \"anyComponentStyle\",\n \"maximumWarning\": \"2kb\",\n \"maximumError\": \"4kb\"\n }\n ],\n \"fileReplacements\": [\n {\n \"replace\": \"apps/angular-i18next-demo/src/environments/environment.ts\",\n \"with\": \"apps/angular-i18next-demo/src/environments/environment.prod.ts\"\n }\n ],\n \"outputHashing\": \"all\"\n },\n \"development\": {\n \"optimization\": false,\n \"extractLicenses\": false,\n \"sourceMap\": true,\n \"namedChunks\": true\n }\n },\n \"defaultConfiguration\": \"production\"\n },\n \"serve\": {\n \"executor\": \"@nx/angular:dev-server\",\n \"configurations\": {\n \"production\": {\n \"buildTarget\": \"angular-i18next-demo:build:production\"\n },\n \"development\": {\n \"buildTarget\": \"angular-i18next-demo:build:development\"\n }\n },\n \"defaultConfiguration\": \"development\"\n },\n \"extract-i18n\": {\n \"executor\": \"@angular-devkit/build-angular:extract-i18n\",\n \"options\": {\n \"buildTarget\": \"angular-i18next-demo:build\"\n }\n },\n \"lint\": {\n \"executor\": \"@nx/eslint:lint\",\n \"options\": {\n \"lintFilePatterns\": [\n \"apps/angular-i18next-demo/**/*.ts\",\n \"apps/angular-i18next-demo/**/*.html\"\n ]\n }\n },\n \"test\": {\n \"executor\": \"@nx/jest:jest\",\n \"outputs\": [\"{workspaceRoot}/coverage/apps/angular-i18next-demo\"],\n \"options\": {\n \"jestConfig\": \"apps/angular-i18next-demo/jest.config.ts\",\n \"passWithNoTests\": true\n }\n }\n }\n}\n"
},
{
"path": "apps/angular-i18next-demo/src/app/app.component.css",
"content": ""
},
{
"path": "apps/angular-i18next-demo/src/app/app.component.html",
"content": "
\n \n \n\n\n"
},
{
"path": "apps/angular-i18next-demo/src/lib/validation/services/ValidationDirtyChecker.ts",
"content": "import { Injectable } from '@angular/core';\nimport { FormArray, FormGroup } from '@angular/forms';\n\n@Injectable()\nexport class ValidationDirtyChecker {\n markControlsDirty(group: FormGroup | FormArray) {\n const controls = group.controls;\n for (const ck in controls) {\n // eslint-disable-next-line no-prototype-builtins\n if (controls.hasOwnProperty(ck)) {\n const c = (controls)[ck];\n c.markAsDirty({ onlySelf: true });\n if (c instanceof FormGroup || c instanceof FormArray)\n this.markControlsDirty(c);\n }\n }\n }\n}\n"
},
{
"path": "apps/angular-i18next-demo/src/lib/validation/validators/ArrayValidators.js",
"content": "var ArrayValidators = (function () {\n function ArrayValidators() {\n }\n ArrayValidators.minLength = function (minLength, ignoreNullAndUndefined) {\n if (ignoreNullAndUndefined === void 0) { ignoreNullAndUndefined = false; }\n return function (control) {\n if (control) {\n var isArray = control.value instanceof Array;\n if (!isArray)\n throw new Error('Control value must be array!');\n var val = control.value;\n var isValid = false;\n if (!ignoreNullAndUndefined)\n isValid = val.length >= minLength;\n else\n isValid = val.filter(function (v) { return v != null; }).length >= minLength;\n if (isValid)\n return null;\n return { 'arrayMinLength': minLength };\n }\n };\n };\n ArrayValidators.maxLength = function (maxLength, ignoreNullAndUndefined) {\n if (ignoreNullAndUndefined === void 0) { ignoreNullAndUndefined = false; }\n return function (control) {\n if (control) {\n var isArray = control.value instanceof Array;\n if (!isArray)\n throw new Error('Control value must be array!');\n var val = control.value;\n var isValid = false;\n if (!ignoreNullAndUndefined)\n isValid = val.length <= maxLength;\n else\n isValid = val.filter(function (v) { return v != null; }).length <= maxLength;\n if (isValid)\n return null;\n return { 'arrayMaxLength': maxLength };\n }\n };\n };\n ArrayValidators.eqLength = function (length, ignoreNullAndUndefined) {\n if (ignoreNullAndUndefined === void 0) { ignoreNullAndUndefined = false; }\n return function (control) {\n if (control) {\n var isArray = control.value instanceof Array;\n if (!isArray)\n throw new Error('Control value must be array!');\n var val = control.value;\n var isValid = false;\n if (!ignoreNullAndUndefined)\n isValid = val.length === length;\n else\n isValid = val.filter(function (v) { return v != null; }).length === length;\n if (isValid)\n return null;\n return { 'arrayMaxLength': length };\n }\n };\n };\n return ArrayValidators;\n}());\nexport { ArrayValidators };\n//# sourceMappingURL=ArrayValidators.js.map"
},
{
"path": "apps/angular-i18next-demo/src/lib/validation/validators/ArrayValidators.ts",
"content": "import { OnChanges, SimpleChanges, Component, Directive, forwardRef } from '@angular/core';\nimport { Validator, AsyncValidatorFn, ValidatorFn, FormControl, FormGroup, FormArray, AbstractControl, NG_VALIDATORS } from '@angular/forms';\n\nexport class ArrayValidators {\n static minLength(minLength: Number, ignoreNullAndUndefined: Boolean = false): ValidatorFn {\n return (control: FormControl) => {\n if (control) {\n let isArray = control.value instanceof Array;\n if (!isArray)\n throw new Error('Control value must be array!');\n let val: Array = control.value;\n let isValid: Boolean = false;\n if (!ignoreNullAndUndefined)\n isValid = val.length >= minLength;\n else\n isValid = val.filter(v => v != null).length >= minLength;\n if (isValid)\n return null;\n return { 'arrayMinLength': minLength };\n }\n };\n }\n static maxLength(maxLength: Number, ignoreNullAndUndefined: Boolean = false): ValidatorFn {\n return (control: FormControl) => {\n if (control) {\n let isArray = control.value instanceof Array;\n if (!isArray)\n throw new Error('Control value must be array!');\n let val: Array = control.value;\n let isValid: Boolean = false;\n if (!ignoreNullAndUndefined)\n isValid = val.length <= maxLength;\n else\n isValid = val.filter(v => v != null).length <= maxLength;\n if (isValid)\n return null;\n return { 'arrayMaxLength': maxLength };\n }\n };\n }\n\n static eqLength(length: Number, ignoreNullAndUndefined: Boolean = false): ValidatorFn {\n return (control: FormControl) => {\n if (control) {\n let isArray = control.value instanceof Array;\n if (!isArray)\n throw new Error('Control value must be array!');\n let val: Array = control.value;\n let isValid: Boolean = false;\n if (!ignoreNullAndUndefined)\n isValid = val.length === length;\n else\n isValid = val.filter(v => v != null).length === length;\n if (isValid)\n return null;\n return { 'arrayMaxLength': length };\n }\n };\n }\n}\n"
},
{
"path": "apps/angular-i18next-demo/src/lib/validation/validators/ConditionalValidator.js",
"content": "import 'rxjs/add/operator/distinctUntilChanged'; // fn distinctUntilChanged\nvar ConditionalValidator = (function () {\n function ConditionalValidator() {\n }\n /**\n * Валидатор, который применяет валидатор при некотором заданом условии.\n * @param {ConditionalFunc} conditional Условие для применения валидатора\n * @param {ValidatorFn} validator Валидатор, который будет применен\n * @param {Boolean} trackParentOnly Подписка только на изменение значения родителя (По-умолчанию подписка на root)\n */\n ConditionalValidator.set = function (conditional, validator, trackParentOnly) {\n if (trackParentOnly === void 0) { trackParentOnly = null; }\n var revalidateSub;\n return function (control) {\n if (control && control.parent) {\n if (!revalidateSub) {\n revalidateOnChanges(control, trackParentOnly);\n revalidateSub = true;\n }\n if (conditional(control.root)) {\n return validator(control);\n }\n }\n return null;\n };\n };\n /* Не реализован */\n ConditionalValidator.setAsync = function (conditional, validator) {\n throw new Error('Not implemented'); // todo: implement\n };\n ConditionalValidator.equivalent = function (controlKey, expectedValue) {\n return function (rootGroup) {\n var control = rootGroup.get(controlKey);\n if (!control)\n return expectedValue === undefined;\n return expectedValue === control.value;\n };\n };\n return ConditionalValidator;\n}());\nexport { ConditionalValidator };\nfunction revalidateOnChanges(control, trackParentOnly) {\n if (trackParentOnly === void 0) { trackParentOnly = null; }\n var parentControl = trackParentOnly ? control.parent : control.root;\n parentControl.valueChanges\n .distinctUntilChanged(function (a, b) {\n // These will always be plain objects coming from the form, do a simple comparison\n if (a && !b || !a && b) {\n return false;\n }\n else if (a && b && Object.keys(a).length !== Object.keys(b).length) {\n return false;\n }\n else if (a && b) {\n for (var i in a) {\n if (a[i] !== b[i]) {\n return false;\n }\n }\n }\n return true;\n })\n .subscribe(function () {\n control.updateValueAndValidity({ onlySelf: true, emitEvent: false });\n });\n}\n//# sourceMappingURL=ConditionalValidator.js.map"
},
{
"path": "apps/angular-i18next-demo/src/lib/validation/validators/ConditionalValidator.ts",
"content": "import { Validator, AsyncValidatorFn, ValidatorFn, FormControl, FormGroup, FormArray, AbstractControl } from '@angular/forms';\nimport { distinctUntilChanged } from 'rxjs/operators';\n\n// todo: доработать ConditionalValidator, чтобы он работал в связке с асинхронным валидатором (сейчас валится)\n\n/* usage\n\nthis.formBuilder.group({\n vehicleType: ['', Validators.required],\n licencePlate: [\n '',\n ConditionalValidator.apply(\n group => group.controls.vehicleType.value === 'car',\n Validators.compose([\n Validators.required,\n Validators.minLength(6)\n ])\n ),\n ]\n});\n\n\nthis.formBuilder.group({\n country: ['', Validators.required],\n vehicleType: ['', Validators.required],\n licencePlate: [\n '',\n Validators.compose([\n ConditionalValidator.apply(\n group => group.controls.vehicleType.value === 'car',\n Validators.required\n ),\n ConditionalValidator.apply(\n group => group.controls.country.value === 'sweden',\n Validators.minLength(6)\n ),\n ])\n ]\n});\n\n*/\n\n\ninterface ConditionalFunc {\n (rootGroup: FormGroup | FormArray): Boolean;\n}\n\n\nexport class ConditionalValidator {\n /**\n * Валидатор, который применяет валидатор при некотором заданом условии.\n * @param {ConditionalFunc} conditional Условие для применения валидатора\n * @param {ValidatorFn} validator Валидатор, который будет применен\n * @param {Boolean} trackParentOnly Подписка только на изменение значения родителя (По-умолчанию подписка на root)\n */\n static set(conditional: ConditionalFunc, validator: ValidatorFn, trackParentOnly: Boolean = null): ValidatorFn {\n let revalidateSub: Boolean;\n return (control: FormControl) => {\n if (control && control.parent) {\n if (!revalidateSub) {\n revalidateOnChanges(control, trackParentOnly);\n revalidateSub = true;\n }\n if (conditional(control.root)) {\n return validator(control);\n }\n }\n return null;\n };\n }\n\n /* Не реализован */\n static setAsync(conditional: Function, validator: AsyncValidatorFn): AsyncValidatorFn {\n throw new Error('Not implemented'); // todo: implement\n }\n\n static equivalent(controlKey: string, expectedValue: any): ConditionalFunc {\n return (rootGroup: FormGroup|FormArray) => {\n let control = rootGroup.get(controlKey);\n if (!control)\n return expectedValue === undefined;\n return expectedValue === control.value;\n }\n }\n}\n\nfunction revalidateOnChanges(control: AbstractControl, trackParentOnly: Boolean = null): void {\n let parentControl = trackParentOnly ? control.parent : control.root;\n parentControl.valueChanges\n .pipe(\n distinctUntilChanged((a, b) => {\n // These will always be plain objects coming from the form, do a simple comparison\n if (a && !b || !a && b) {\n return false;\n } else if (a && b && Object.keys(a).length !== Object.keys(b).length) {\n return false;\n } else if (a && b) {\n for (let i in a) {\n if (a[i] !== b[i]) {\n return false;\n }\n }\n }\n return true;\n })\n )\n .subscribe(() => {\n control.updateValueAndValidity({ onlySelf: true, emitEvent: false });\n });\n}\n\n"
},
{
"path": "apps/angular-i18next-demo/src/locales/en.error.json",
"content": "{\n \"oops\": \"Oops!\",\n \"error_occured\": \"Error has occured\",\n \"error_occured_onload\": \"$t(error:error_occured)\",\n \"access_denied\": \"Access is denied\",\n \"reload\": \"Reload\",\n \"restart\": \"Restart\",\n \"contact_administrator_or_try_to_clear_browser_chache_and_restart_application\": \"Contact your administrator or clear browser cache and restart page.\",\n \"need_help_write_to_us\": \"Need help? Contact us.\",\n \"write\": \"Contact\",\n \"cookies\": {\n \"how_to\": \"How to clear browser cache and cookies\",\n \"chrome_clear\": \"Если у вас Google Chrome, то:
Запустите Chrome.
Нажмите на значок на панели инструментов.
В меню Дополнительные инструменты нажмите Удаление данных о просмотренных страницах.
В окне \\\"Очистить историю\\\" выберите пункты Файлы cookie, а также другие данные сайтов и плагинов и Изображения и другие файлы, сохраненные в кеше.
В раскрывающемся меню в верхней части страницы выберите период, данные за который нужно удалить. Выберите вариант за все время, если вы хотите удалить все сведения.
Нажмите кнопку Очистить историю.
\"\n }\n}\n"
},
{
"path": "apps/angular-i18next-demo/src/locales/en.feature.rich_form.json",
"content": "{\n \"title\": \"Rich form with validation\",\n \"technical_contact\": \"technical contact\",\n \"count\": \"count\",\n \"person\": {\n \"first_name\": \"first name\",\n \"last_name\": \"last name\",\n \"middle_name\": \"middle name\"\n }\n}\n"
},
{
"path": "apps/angular-i18next-demo/src/locales/en.translation.json",
"content": "{\n \"application_title\": \"Demo: angular-i18next\",\n \"intro\": \"This application is demonstrating itegration of i18next library with angular. You can switch language in the navbar.\",\n \"simple_demo\": \"Simple demo\",\n \"rich_form_title\": \"Rich form with validation\",\n \"parametrized_string_title\": \"parametrized string demo\",\n \"case_demo_title\": \"i18next pipe 'format' option demo\",\n \"case_demo\": \"rise and shine, Mr.Freeman\",\n \"parametrized_string\": \"I am parametrized sting with a value: {{value}} and a string: '{{str}}'\",\n \"email\": \"email\",\n \"_languages\": {\n \"ru\": \"Русский\",\n \"en\": \"English\"\n },\n \"buttons\": {\n \"send\": \"send\"\n }\n}\n"
},
{
"path": "apps/angular-i18next-demo/src/locales/en.validation.json",
"content": "{\n \"required\": \"Field is required.\",\n \"error\": \"Error occured.\",\n \"min\": \"Minimum value is {{min}}. Was {{actual}}.\",\n \"max\": \"Maximum value is {{max}}. Was {{actual}}.\",\n \"email\": \"$t(validation:_fill) valid e-mail.\",\n \"pattern\": \"$t(validation:_fill) valid value.\",\n \"maxlength\": \"Maximum length {{requiredLength}}.\",\n\n \"_fill\": \"Please fill in\",\n \"control_specific\": {\n \"technicalContact\": {\n \"firstName\": {\n \"required\": \"$t(validation:_fill) technical specialist's first name.\"\n },\n \"lastName\": {\n \"required\": \"$t(validation:_fill) technical specialist's last name.\"\n },\n \"middleName\": {\n \"required\": \"$t(validation:_fill) technical specialist's patronymic.\"\n }\n }\n }\n}"
},
{
"path": "apps/angular-i18next-demo/src/locales/ru.error.json",
"content": "{\n \"oops\": \"Упс!\",\n \"error_occured\": \"произошла ошибка\",\n \"error_occured_onload\": \"При загрузке приложения $t(error:error_occured)\",\n \"access_denied\": \"Недостаточно прав\",\n \"reload\": \"Перезагрузить\",\n \"restart\": \"Перезапустить\",\n \"contact_administrator_or_try_to_clear_browser_chache_and_restart_application\": \"Обратитесь к администратору либо попробуйте очистить кэш и перезапустить приложение\",\n \"need_help_write_to_us\": \"Нужна помощь? Пишите нам.\",\n \"write\": \"Написать\",\n \"cookies\": {\n \"how_to\": \"Как очистить кэш и удалить файлы cookie\",\n \"chrome_clear\": \"Если у вас Google Chrome, то:
Запустите Chrome.
Нажмите на значок на панели инструментов.
В меню Дополнительные инструменты нажмите Удаление данных о просмотренных страницах.
В окне \\\"Очистить историю\\\" выберите пункты Файлы cookie, а также другие данные сайтов и плагинов и Изображения и другие файлы, сохраненные в кеше.
В раскрывающемся меню в верхней части страницы выберите период, данные за который нужно удалить. Выберите вариант за все время, если вы хотите удалить все сведения.
Нажмите кнопку Очистить историю.
\"\n }\n}\n"
},
{
"path": "apps/angular-i18next-demo/src/locales/ru.feature.rich_form.json",
"content": "{\n \"title\": \"Форма с валидацией\",\n \"technical_contact\": \"технический специалист\",\n \"count\": \"кол-во\",\n \"person\": {\n \"first_name\": \"имя\",\n \"last_name\": \"фамилия\",\n \"middle_name\": \"отчество\"\n }\n}\n"
},
{
"path": "apps/angular-i18next-demo/src/locales/ru.translation.json",
"content": "{\n \"application_title\": \"Демо: angular-i18next\",\n \"intro\": \"Данное приложение демонстрирует интеграцию библиотеки i18next с angular. Вы можете сменить язык в шапке.\",\n \"simple_demo\": \"простое демо\",\n \"rich_form_title\": \"Форма с валидацией\",\n \"parametrized_string_title\": \"демонстрация параметризованной строки\",\n \"case_demo_title\": \"демонстрация опции 'format'\",\n \"case_demo\": \"проснись и пой, мистер Фримэн\",\n \"parametrized_string\": \"Я параметризованная строка значением: {{value}} и строкой: '{{str}}'\",\n \"email\": \"email адрес\",\n \"_languages\": {\n \"ru\": \"Русский\",\n \"en\": \"English\"\n },\n \"buttons\": {\n \"send\": \"отправить\"\n }\n}\n"
},
{
"path": "apps/angular-i18next-demo/src/locales/ru.validation.json",
"content": "{\n \"required\": \"Заполните это поле.\",\n \"error\": \"Возникла ошибка.\",\n \"minValue\": \"Минимальное значение.\",\n \"maxValue\": \"Максимальное значение.\",\n \"min\": \"Минимальное значение: {{min}}. Текущее: {{actual}}.\",\n \"max\": \"Максимальное значение: {{max}}. Текущее: {{actual}}.\",\n \"email\": \"Введите валидный email.\",\n \"pattern\": \"Введите валидное значение.\",\n \"maxlength\": \"Максимальная длина {{requiredLength}}.\",\n\n \"control_specific\": {\n \"technicalContact\": {\n \"firstName\": {\n \"required\": \"Заполните имя технического специалиста.\",\n \"pattern\": \"Имя технического специалиста содержит недопустимые символы.\"\n },\n \"lastName\": {\n \"required\": \"Заполните фамилию технического специалиста.\",\n \"pattern\": \"Фамилия технического специалиста содержит недопустимые символы.\"\n },\n \"middleName\": {\n \"required\": \"Заполните отчество технического специалиста.\",\n \"pattern\": \"Отчество технического специалиста содержит недопустимые символы.\"\n }\n }\n }\n}"
},
{
"path": "apps/angular-i18next-demo/src/main.server.ts",
"content": "import { bootstrapApplication, BootstrapContext } from '@angular/platform-browser';\nimport { AppComponent } from './app/app.component';\nimport { config } from './app/app.config.server';\n\n\nconst bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, config, context);\nexport default bootstrap;\n"
},
{
"path": "apps/angular-i18next-demo/src/main.ts",
"content": "import { enableProdMode } from '@angular/core';\nimport { bootstrapApplication } from '@angular/platform-browser';\nimport { AppComponent } from './app/app.component';\nimport { appConfig } from './app/app.config';\nimport { environment } from './environments/environment';\n\nif (environment.production) {\n enableProdMode();\n}\n\nfunction bootstrap() {\n bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err));\n}\n\nif (document.readyState === 'complete') {\n bootstrap();\n} else {\n document.addEventListener('DOMContentLoaded', bootstrap);\n}\n"
},
{
"path": "apps/angular-i18next-demo/src/server.ts",
"content": "import {\n AngularNodeAppEngine,\n createNodeRequestHandler,\n isMainModule,\n writeResponseToNodeResponse,\n} from '@angular/ssr/node';\nimport type { NextFunction, Request, Response } from 'express';\nimport express from 'express';\nimport i18next from 'i18next';\nimport ChainedBackend, { ChainedBackendOptions } from 'i18next-chained-backend';\nimport * as i18nextHttpMiddleware from 'i18next-http-middleware';\nimport resourcesToBackend from \"i18next-resources-to-backend\";\nimport { dirname, resolve } from 'node:path';\nimport { fileURLToPath } from 'node:url';\nimport i18nextOptions from './app/i18next.options';\n\n\nconst serverDistFolder = dirname(fileURLToPath(import.meta.url));\nconst browserDistFolder = resolve(serverDistFolder, '../browser');\n\nconst app = express();\nconst angularApp = new AngularNodeAppEngine();\n\nawait i18next\n .use(ChainedBackend)\n .use(i18nextHttpMiddleware.LanguageDetector)\n .init({\n ...i18nextOptions,\n backend: {\n backends: [\n resourcesToBackend((lng, ns, clb) => {\n import(`./locales/${lng}.${ns}.json`)\n .then((resources) => clb(null, resources))\n .catch((r)=> clb(r,null))\n })\n ],\n backendOptions: [{\n loadPath: '/locales/{{lng}}.{{ns}}.json'\n }]\n }\n });\n\nconst i18nextHandler = i18nextHttpMiddleware.handle(i18next) as any;\napp.use(i18nextHandler);\n/**\n * Example Express Rest API endpoints can be defined here.\n * Uncomment and define endpoints as necessary.\n *\n * Example:\n * ```ts\n * app.get('/api/**', (req, res) => {\n * // Handle API request\n * });\n * ```\n */\n\n/**\n * Serve static files from /browser\n */\napp.use(\n express.static(browserDistFolder, {\n maxAge: '1y',\n index: false,\n redirect: false,\n }),\n);\n\n/**\n * Handle all other requests by rendering the Angular application.\n */\napp.use('/**', (req: Request & i18nextHttpMiddleware.I18NextRequest, res: Response, next: NextFunction) => {\n angularApp\n .handle(req, {\n i18n: req.i18n,\n })\n .then((response) =>\n response ? writeResponseToNodeResponse(response, res) : next(),\n )\n .catch(next);\n});\n\n/**\n * Start the server if this module is the main entry point.\n * The server listens on the port defined by the `PORT` environment variable, or defaults to 4000.\n */\nif (isMainModule(import.meta.url) || process.env['PM2'] === 'true') {\n const port = process.env['PORT'] || 4000;\n const server = app.listen(port, () => {\n process.send?.('ready');\n console.log(`Node Express server listening on http://localhost:${port}`);\n });\n\n // Graceful shutdown\n process.on('SIGINT', () => {\n const cleanUp = () => {\n // Clean up other resources like DB connections\n }\n\n console.log('Closing server...')\n\n server.close(() => {\n console.log('Server closed !!! ')\n\n cleanUp()\n process.exit()\n })\n\n // Force close server after 5secs\n setTimeout((e: any) => {\n console.log('Forcing server close !!!', e)\n\n cleanUp()\n process.exit(1)\n }, 5000)\n })\n }\n\n/**\n * The request handler used by the Angular CLI (dev-server and during build).\n */\nexport const reqHandler = createNodeRequestHandler(app);\n"
},
{
"path": "apps/angular-i18next-demo/src/styles.css",
"content": "/* You can add global styles to this file, and also import other style files */\n\ninput.ng-dirty.ng-invalid,\ntextarea.ng-dirty.ng-invalid,\n.form-control.ng-dirty.ng-invalid,\n.ng-dirty.ng-invalid:focus\n{\n background-color: #FDEDED;\n border-color: #D22630;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n\n/* s7 ui kit fix */\n.form-group .error-container {\n display: block;\n}\n\n.error-container {\n\tcolor: #D22630;\n\tpadding-top: 2px;\n}\n\n\n/* end fix */\n\ncheckbox.ng-invalid .custom-control-indicator,\nmultiplecheckbox.ng-invalid.ng-dirty .custom-control-indicator,\nflatpickr.ng-invalid.ng-dirty .form-control,\ndatepicker.ng-invalid.ng-dirty .select2-container .select2-selection,\nradio-button.ng-dirty.ng-invalid .custom-control-indicator,\ndiv.ng-invalid.ng-dirty.form-group-valid .custom-control-indicator,\ndiv.ng-invalid.ng-dirty.form-group-valid .select2-container .select2-selection {\n border-color: #D22630;\n background-color: #FDEDED;\n}\n\nradio-button + radio-button,\ncheckbox + checkbox {\n margin-left: 15px;\n}\n\n\n"
},
{
"path": "apps/angular-i18next-demo/src/test-setup.ts",
"content": "import { setupZonelessTestEnv } from 'jest-preset-angular/setup-env/zoneless';\n\nsetupZonelessTestEnv();\n"
},
{
"path": "apps/angular-i18next-demo/tsconfig.app.json",
"content": "{\n \"extends\": \"./tsconfig.json\",\n \"compilerOptions\": {\n \"outDir\": \"../../dist/out-tsc\",\n \"types\": [\"node\"]\n },\n \"files\": [\n \"src/main.ts\",\n \"src/main.server.ts\",\n \"src/server.ts\"\n ],\n \"include\": [\"src/**/*.d.ts\"],\n \"exclude\": [\"**/*.test.ts\", \"**/*.spec.ts\"]\n}\n"
},
{
"path": "apps/angular-i18next-demo/tsconfig.editor.json",
"content": "{\n \"extends\": \"./tsconfig.json\",\n \"include\": [\"**/*.ts\"],\n \"compilerOptions\": {\n \"types\": [\"jest\", \"node\"]\n }\n}\n"
},
{
"path": "apps/angular-i18next-demo/tsconfig.json",
"content": "{\n \"extends\": \"../../tsconfig.base.json\",\n \"files\": [],\n \"include\": [],\n \"references\": [\n {\n \"path\": \"./tsconfig.app.json\"\n },\n {\n \"path\": \"./tsconfig.spec.json\"\n },\n {\n \"path\": \"./tsconfig.editor.json\"\n }\n ],\n \"compilerOptions\": {\n \"allowSyntheticDefaultImports\": true,\n \"forceConsistentCasingInFileNames\": true,\n \"strict\": true,\n \"noImplicitOverride\": true,\n \"noPropertyAccessFromIndexSignature\": true,\n \"noImplicitReturns\": true,\n \"noFallthroughCasesInSwitch\": true\n },\n \"angularCompilerOptions\": {\n \"enableI18nLegacyMessageIdFormat\": false,\n \"strictInjectionParameters\": true,\n \"strictInputAccessModifiers\": true,\n \"strictTemplates\": true\n }\n}\n"
},
{
"path": "apps/angular-i18next-demo/tsconfig.server.json",
"content": "/* To learn more about this file see: https://angular.io/config/tsconfig. */\n{\n \"extends\": \"./tsconfig.app.json\",\n \"compilerOptions\": {\n \"outDir\": \"../../out-tsc/server\",\n \"target\": \"es2019\",\n \"types\": [\n \"node\"\n ],\n \"allowSyntheticDefaultImports\": true,\n },\n \"files\": [\n \"src/main.server.ts\",\n \"server.ts\"\n ],\n \"angularCompilerOptions\": {\n \"entryModule\": \"./src/app/app.server.module#AppServerModule\"\n }\n}\n"
},
{
"path": "apps/angular-i18next-demo/tsconfig.spec.json",
"content": "{\n \"extends\": \"./tsconfig.json\",\n \"compilerOptions\": {\n \"outDir\": \"../../dist/out-tsc\",\n \"module\": \"commonjs\",\n \"types\": [\"jest\", \"node\"],\n \"allowSyntheticDefaultImports\": true, // Typing support for this case\n \"esModuleInterop\": true,\n },\n \"files\": [\"src/test-setup.ts\"],\n \"include\": [\"jest.config.ts\", \"**/*.test.ts\", \"**/*.spec.ts\", \"**/*.d.ts\"]\n}\n"
},
{
"path": "decorate-angular-cli.js",
"content": "/**\n * This file decorates the Angular CLI with the Nx CLI to enable features such as computation caching\n * and faster execution of tasks.\n *\n * It does this by:\n *\n * - Patching the Angular CLI to warn you in case you accidentally use the undecorated ng command.\n * - Symlinking the ng to nx command, so all commands run through the Nx CLI\n * - Updating the package.json postinstall script to give you control over this script\n *\n * The Nx CLI decorates the Angular CLI, so the Nx CLI is fully compatible with it.\n * Every command you run should work the same when using the Nx CLI, except faster.\n *\n * Because of symlinking you can still type `ng build/test/lint` in the terminal. The ng command, in this case,\n * will point to nx, which will perform optimizations before invoking ng. So the Angular CLI is always invoked.\n * The Nx CLI simply does some optimizations before invoking the Angular CLI.\n *\n * To opt out of this patch:\n * - Replace occurrences of nx with ng in your package.json\n * - Remove the script from your postinstall script in your package.json\n * - Delete and reinstall your node_modules\n */\n\nconst fs = require('fs');\nconst os = require('os');\nconst cp = require('child_process');\nconst isWindows = os.platform() === 'win32';\nlet output;\ntry {\n output = require('@nx/workspace').output;\n} catch (e) {\n console.warn(\n 'Angular CLI could not be decorated to enable computation caching. Please ensure @nx/workspace is installed.'\n );\n process.exit(0);\n}\n\n/**\n * Symlink of ng to nx, so you can keep using `ng build/test/lint` and still\n * invoke the Nx CLI and get the benefits of computation caching.\n */\nfunction symlinkNgCLItoNxCLI() {\n try {\n const ngPath = './node_modules/.bin/ng';\n const nxPath = './node_modules/.bin/nx';\n if (isWindows) {\n /**\n * This is the most reliable way to create symlink-like behavior on Windows.\n * Such that it works in all shells and works with npx.\n */\n ['', '.cmd', '.ps1'].forEach((ext) => {\n if (fs.existsSync(nxPath + ext))\n fs.writeFileSync(ngPath + ext, fs.readFileSync(nxPath + ext));\n });\n } else {\n // If unix-based, symlink\n cp.execSync(`ln -sf ./nx ${ngPath}`);\n }\n } catch (e) {\n output.error({\n title:\n 'Unable to create a symlink from the Angular CLI to the Nx CLI:' +\n e.message,\n });\n throw e;\n }\n}\n\ntry {\n symlinkNgCLItoNxCLI();\n require('@nrwl/cli/lib/decorate-cli').decorateCli();\n output.log({\n title: 'Angular CLI has been decorated to enable computation caching.',\n });\n} catch (e) {\n output.error({\n title: 'Decoration of the Angular CLI did not complete successfully',\n });\n}\n"
},
{
"path": "ecosystem.config.js",
"content": "const { cwd } = require(\"process\");\n\nmodule.exports = {\n apps: [\n {\n name: 'angular-i18next-demo',\n script: 'server.mjs',\n cwd: './dist/angular-i18next-demo/server',\n max_memory_restart: '100M',\n env: {\n PM2: true,\n NODE_ENV: \"development\"\n },\n env_production: {\n PM2: true,\n NODE_ENV: \"production\",\n }\n },\n ],\n};\n"
},
{
"path": "jest.config.ts",
"content": "\nexport default {\n projects: ['./libs/**/jest.config.ts'],\n};\n"
},
{
"path": "jest.preset.js",
"content": "const nxPreset = require('@nx/jest/preset').default;\n\nmodule.exports = {\n ...nxPreset,\n /* TODO: Update to latest Jest snapshotFormat\n * By default Nx has kept the older style of Jest Snapshot formats\n * to prevent breaking of any existing tests with snapshots.\n * It's recommend you update to the latest format.\n * You can do this by removing snapshotFormat property\n * and running tests with --update-snapshot flag.\n * Example: \"nx affected --targets=test --update-snapshot\"\n * More info: https://jestjs.io/docs/upgrading-to-jest29#snapshot-format\n */\n snapshotFormat: { escapeString: true, printBasicPrototype: true },\n};\n"
},
{
"path": "libs/angular-i18next/.eslintrc.json",
"content": "{\n \"extends\": [\"../../.eslintrc.json\"],\n \"ignorePatterns\": [\"!**/*\"]\n}\n"
},
{
"path": "libs/angular-i18next/CHANGELOG.md",
"content": "# [21.0.0-3](https://github.com/Romanchuk/angular-i18next/compare/v20.0.1...v21.0.0-3) (2026-01-23)\n\n\n### Bug Fixes\n\n* build ([4f8d746](https://github.com/Romanchuk/angular-i18next/commit/4f8d746e88401bc339250af3383097f6837823cb))\n* jest test setup ([253a5eb](https://github.com/Romanchuk/angular-i18next/commit/253a5eb47f55428e81ec43c0c48fff2de3036205))\n* units ([2a46eda](https://github.com/Romanchuk/angular-i18next/commit/2a46eda0df9e117357965e7499573a88992fef5b))\n\n\n\n# [21.0.0-2](https://github.com/Romanchuk/angular-i18next/compare/v20.0.1...v21.0.0-2) (2026-01-23)\n\n\n### Bug Fixes\n\n* build ([4f8d746](https://github.com/Romanchuk/angular-i18next/commit/4f8d746e88401bc339250af3383097f6837823cb))\n* jest test setup ([253a5eb](https://github.com/Romanchuk/angular-i18next/commit/253a5eb47f55428e81ec43c0c48fff2de3036205))\n* units ([2a46eda](https://github.com/Romanchuk/angular-i18next/commit/2a46eda0df9e117357965e7499573a88992fef5b))\n\n\n\n# [21.0.0-1](https://github.com/Romanchuk/angular-i18next/compare/v20.0.1...v21.0.0-1) (2026-01-23)\n\n\n### Bug Fixes\n\n* build ([4f8d746](https://github.com/Romanchuk/angular-i18next/commit/4f8d746e88401bc339250af3383097f6837823cb))\n* jest test setup ([253a5eb](https://github.com/Romanchuk/angular-i18next/commit/253a5eb47f55428e81ec43c0c48fff2de3036205))\n* units ([2a46eda](https://github.com/Romanchuk/angular-i18next/commit/2a46eda0df9e117357965e7499573a88992fef5b))\n\n\n\n## [20.0.1](https://github.com/Romanchuk/angular-i18next/compare/v20.0.1-0...v20.0.1) (2025-11-14)\n\n\n\n## [20.0.1-0](https://github.com/Romanchuk/angular-i18next/compare/v20.0.0...v20.0.1-0) (2025-11-14)\n\n\n### Bug Fixes\n\n* i18next typings ([9dabeb9](https://github.com/Romanchuk/angular-i18next/commit/9dabeb9ab832413bb488151eb6f74bd65c9a48e8))\n\n\n\n# [20.0.0](https://github.com/Romanchuk/angular-i18next/compare/v19.1.1...v20.0.0) (2025-08-22)\n\n\n### Features\n\n* **up version i18next 25:** up version i18next 25 ([4a8d23a](https://github.com/Romanchuk/angular-i18next/commit/4a8d23a016ca4daa5bf06255b24ec10faa004948))\n\n\n### BREAKING CHANGES\n\n* **up version i18next 25:** up version i18next 25\n\n\n\n## [19.1.1](https://github.com/Romanchuk/angular-i18next/compare/v19.1.1-0...v19.1.1) (2025-08-22)\n\n\n\n## [19.1.1-0](https://github.com/Romanchuk/angular-i18next/compare/v19.1.0...v19.1.1-0) (2025-06-22)\n\n\n### Bug Fixes\n\n* ci ([f5c5339](https://github.com/Romanchuk/angular-i18next/commit/f5c5339598c340c2e7f973f90f06dd73c85c621b))\n* ci ([563993b](https://github.com/Romanchuk/angular-i18next/commit/563993b507873903a6caf4374508686d8b1b5fd0))\n* ci ([443db4e](https://github.com/Romanchuk/angular-i18next/commit/443db4e748522519bd1057947651e724187b1392))\n* prepare demo ([a80d2bc](https://github.com/Romanchuk/angular-i18next/commit/a80d2bc19cfed95c5c5a7c4cf40a560f720353af))\n* tsconfig.spec ([cea853b](https://github.com/Romanchuk/angular-i18next/commit/cea853bdab70b7199f05896a43deed9c26e26088))\n\n\n\n# [19.1.0](https://github.com/Romanchuk/angular-i18next/compare/v19.0.1...v19.1.0) (2025-03-03)\n\n\n### Bug Fixes\n\n* browser build and serve ([d9b73f2](https://github.com/Romanchuk/angular-i18next/commit/d9b73f20b82f5ba1d0692c40787e47032f30367e))\n* build ([300e975](https://github.com/Romanchuk/angular-i18next/commit/300e975a1c6072e0564c5fff50e4bf1ddb7f4751))\n* build ([ed46b54](https://github.com/Romanchuk/angular-i18next/commit/ed46b542564070d462b8d5b3c0b92b1e4a04ac55))\n* forms ([3781a6b](https://github.com/Romanchuk/angular-i18next/commit/3781a6b7786b4666a77402cefec13860dacc4b05))\n* new provide ([f17a4f8](https://github.com/Romanchuk/angular-i18next/commit/f17a4f863b422c667d76457bc4c996760a3c1ca0))\n* specs ([5e12691](https://github.com/Romanchuk/angular-i18next/commit/5e12691a4dc091f251d0e254f36d8fa568a22158))\n* ssr ([822b4d1](https://github.com/Romanchuk/angular-i18next/commit/822b4d1950acdadc2a5dabcbdd3a9983d9b15acd))\n* tests ([7bba2bc](https://github.com/Romanchuk/angular-i18next/commit/7bba2bc353eab68a867c8bef62e7da28b9557f58))\n\n\n\n# [19.1.0-beta](https://github.com/Romanchuk/angular-i18next/compare/v19.0.1...v19.1.0-beta) (2025-03-01)\n\n\n### Bug Fixes\n\n* browser build and serve ([d9b73f2](https://github.com/Romanchuk/angular-i18next/commit/d9b73f20b82f5ba1d0692c40787e47032f30367e))\n* build ([300e975](https://github.com/Romanchuk/angular-i18next/commit/300e975a1c6072e0564c5fff50e4bf1ddb7f4751))\n* build ([ed46b54](https://github.com/Romanchuk/angular-i18next/commit/ed46b542564070d462b8d5b3c0b92b1e4a04ac55))\n* forms ([3781a6b](https://github.com/Romanchuk/angular-i18next/commit/3781a6b7786b4666a77402cefec13860dacc4b05))\n* new provide ([f17a4f8](https://github.com/Romanchuk/angular-i18next/commit/f17a4f863b422c667d76457bc4c996760a3c1ca0))\n* specs ([5e12691](https://github.com/Romanchuk/angular-i18next/commit/5e12691a4dc091f251d0e254f36d8fa568a22158))\n* ssr ([822b4d1](https://github.com/Romanchuk/angular-i18next/commit/822b4d1950acdadc2a5dabcbdd3a9983d9b15acd))\n* tests ([7bba2bc](https://github.com/Romanchuk/angular-i18next/commit/7bba2bc353eab68a867c8bef62e7da28b9557f58))\n\n\n\n## [19.0.1](https://github.com/Romanchuk/angular-i18next/compare/v19.0.0...v19.0.1) (2025-01-11)\n\n\n\n# [19.0.0](https://github.com/Romanchuk/angular-i18next/compare/v19.0.0-0...v19.0.0) (2025-01-11)\n\n\n### Bug Fixes\n\n* app ([b634439](https://github.com/Romanchuk/angular-i18next/commit/b63443967f5da8bb470c09871562d431a2af2cf3))\n\n\n\n# [19.0.0-0](https://github.com/Romanchuk/angular-i18next/compare/v18.0.0...v19.0.0-0) (2025-01-11)\n\n\n### Bug Fixes\n\n* pages ([27d6e56](https://github.com/Romanchuk/angular-i18next/commit/27d6e5644d9c9d50d88fc7ab7bdc3d23f94285ef))\n* tests ([29abe20](https://github.com/Romanchuk/angular-i18next/commit/29abe20a002ec9912af0388abf4a3f5eb0a97d90))\n\n\n\n# [18.0.0](https://github.com/Romanchuk/angular-i18next/compare/v18.0.0-0...v18.0.0) (2024-06-03)\n\n\n\n# [18.0.0-0](https://github.com/Romanchuk/angular-i18next/compare/v17.0.2...v18.0.0-0) (2024-06-03)\n\n\n\n## [17.0.2](https://github.com/Romanchuk/angular-i18next/compare/v17.0.1...v17.0.2) (2024-06-03)\n\n\n### Bug Fixes\n\n* tests ([50c5f38](https://github.com/Romanchuk/angular-i18next/commit/50c5f38b122755d1a33fa0db0a59f7be201f26d3))\n\n\n\n## [17.0.1](https://github.com/Romanchuk/angular-i18next/compare/v17.0.0...v17.0.1) (2023-12-07)\n\n\n### Bug Fixes\n\n* nx and jest setup ([0e6a61d](https://github.com/Romanchuk/angular-i18next/commit/0e6a61dd882f103b40bce38577fd7e7bcf44309a))\n\n\n\n# [17.0.0](https://github.com/Romanchuk/angular-i18next/compare/v17.0.0-1...v17.0.0) (2023-12-01)\n\n\n\n# [17.0.0-1](https://github.com/Romanchuk/angular-i18next/compare/v17.0.0-0...v17.0.0-1) (2023-11-28)\n\n\n\n# [17.0.0-0](https://github.com/Romanchuk/angular-i18next/compare/v16.0.0...v17.0.0-0) (2023-11-27)\n\n\n\n# [16.0.0](https://github.com/Romanchuk/angular-i18next/compare/v16.0.0-0...v16.0.0) (2023-06-09)\n\n\n\n# [16.0.0-0](https://github.com/Romanchuk/angular-i18next/compare/v15.0.5...v16.0.0-0) (2023-06-09)\n\n\n### Bug Fixes\n\n* package.json ([4f3d909](https://github.com/Romanchuk/angular-i18next/commit/4f3d909321651faa4f6406cf300582ce8a8001ce))\n* test ([991dbca](https://github.com/Romanchuk/angular-i18next/commit/991dbca3c5ad9807b4884727065effe456f56b61))\n* test script ([b075485](https://github.com/Romanchuk/angular-i18next/commit/b0754858d865a5e4aaa80ac18fb264d276f26787))\n\n\n\n## [15.0.5](https://github.com/Romanchuk/angular-i18next/compare/v15.0.4...v15.0.5) (2023-01-24)\n\n\n### Bug Fixes\n\n* [#101](https://github.com/Romanchuk/angular-i18next/issues/101) ([e7d095a](https://github.com/Romanchuk/angular-i18next/commit/e7d095a2336b663f95e08ddadbe65de6cf8b191c))\n\n\n\n## [15.0.4](https://github.com/Romanchuk/angular-i18next/compare/v15.0.3...v15.0.4) (2023-01-16)\n\n\n\n## [15.0.3](https://github.com/Romanchuk/angular-i18next/compare/v15.0.1...v15.0.3) (2023-01-16)\n\n\n\n## [15.0.2](https://github.com/Romanchuk/angular-i18next/compare/v15.0.1...v15.0.2) (2023-01-16)\n\n\n\n## [15.0.1](https://github.com/Romanchuk/angular-i18next/compare/v15.0.0...v15.0.1) (2023-01-16)\n\n\n### Bug Fixes\n\n* [#97](https://github.com/Romanchuk/angular-i18next/issues/97) \"strictNullChecks\": true ([92d8205](https://github.com/Romanchuk/angular-i18next/commit/92d8205003908cb89587a99268983184fa4d6316))\n* t signature ([029478a](https://github.com/Romanchuk/angular-i18next/commit/029478a5582afe626d892b8e1ee59c7d08e544f5))\n\n\n\n# [15.0.0](https://github.com/Romanchuk/angular-i18next/compare/v15.0.0-1...v15.0.0) (2023-01-16)\n\n\n\n# [15.0.0-1](https://github.com/Romanchuk/angular-i18next/compare/v15.0.0-0...v15.0.0-1) (2023-01-16)\n\n\n\n# [15.0.0-0](https://github.com/Romanchuk/angular-i18next/compare/v14.2.0...v15.0.0-0) (2022-12-22)\n\n\n### Bug Fixes\n\n* pages deploy ([df17d58](https://github.com/Romanchuk/angular-i18next/commit/df17d58fcfd3a18c9862064d43e33e799effb84e))\n\n\n\n# [14.2.0](https://github.com/Romanchuk/angular-i18next/compare/v14.2.0-1...v14.2.0) (2022-11-22)\n\n\n\n# [14.2.0-1](https://github.com/Romanchuk/angular-i18next/compare/v14.2.0-0...v14.2.0-1) (2022-11-21)\n\n\n### Bug Fixes\n\n* factory type ([7a0c62c](https://github.com/Romanchuk/angular-i18next/commit/7a0c62cac779149c9b26b8cbd502538457d7159e))\n* missed import ([e793bc5](https://github.com/Romanchuk/angular-i18next/commit/e793bc511227f887d677bd2f45f3b2b173977a8e))\n* specs default import ([532dd94](https://github.com/Romanchuk/angular-i18next/commit/532dd94bc23f57f0e3e0256a3534f0c48381f12f))\n\n\n\n# [14.2.0-0](https://github.com/Romanchuk/angular-i18next/compare/v14.1.0...v14.2.0-0) (2022-11-17)\n\n\n### Bug Fixes\n\n* i18next instance ([93e48b6](https://github.com/Romanchuk/angular-i18next/commit/93e48b646c486d9e157447a704d88925e05957c6))\n* jest default import ([cea6677](https://github.com/Romanchuk/angular-i18next/commit/cea66776dd6af912dfdfff500f14bbe8e17c81e7))\n* link to global i18next ([4439d3a](https://github.com/Romanchuk/angular-i18next/commit/4439d3a19ef3d2bec7fcb296b8f3eaebbd1af6a8))\n* tests ([78bc41e](https://github.com/Romanchuk/angular-i18next/commit/78bc41e3a4eca2b63f28513120f0ef9863d2a21a))\n\n\n\n# [14.1.0](https://github.com/Romanchuk/angular-i18next/compare/v14.0.5-6...v14.1.0) (2022-11-09)\n\n\n### Bug Fixes\n\n* messages ([1cbebea](https://github.com/Romanchuk/angular-i18next/commit/1cbebea76d188057070442d6ffbd62bbf44ccf09))\n* setup ([86de471](https://github.com/Romanchuk/angular-i18next/commit/86de471f898068274355d87f1c084ce76bb72b91))\n\n\n\n## [14.0.5-6](https://github.com/Romanchuk/angular-i18next/compare/v14.0.0...v14.0.5-6) (2022-11-07)\n\n\n### Bug Fixes\n\n* async funcs ([25e2c24](https://github.com/Romanchuk/angular-i18next/commit/25e2c24ba8c0cce1d4b235d1449fb554937b6fe4))\n* build ([aafe356](https://github.com/Romanchuk/angular-i18next/commit/aafe356437287a4a2e30668a726c18e5a118cc04))\n* cpy ([2a2460e](https://github.com/Romanchuk/angular-i18next/commit/2a2460e8e53f5a18185bf979318e0be77019f82e))\n* Fixes i18next format call with options undefined ([ccfc6e1](https://github.com/Romanchuk/angular-i18next/commit/ccfc6e1583fcb4a5a8b591ac0e3e8cf95ce675eb))\n* package ([9b03de0](https://github.com/Romanchuk/angular-i18next/commit/9b03de01029432a679b84f0b535c8c0986a2ce49))\n* test run ([cc2ca1c](https://github.com/Romanchuk/angular-i18next/commit/cc2ca1c6dbef4fe1126de9ffb7c73f0dc2be9062))\n* tests ([0b868fc](https://github.com/Romanchuk/angular-i18next/commit/0b868fc25b9c7ff4902308425e066835d117596d))\n\n\n\n## [14.0.5-3](https://github.com/Romanchuk/angular-i18next/compare/v14.0.0...v14.0.5-3) (2022-07-05)\n\n\n### Bug Fixes\n\n* package ([9b03de0](https://github.com/Romanchuk/angular-i18next/commit/9b03de01029432a679b84f0b535c8c0986a2ce49))\n\n\n\n## [14.0.5-2](https://github.com/Romanchuk/angular-i18next/compare/v14.0.0...v14.0.5-2) (2022-07-05)\n\n\n### Bug Fixes\n\n* package ([9b03de0](https://github.com/Romanchuk/angular-i18next/commit/9b03de01029432a679b84f0b535c8c0986a2ce49))\n\n\n\n## [14.0.5-1](https://github.com/Romanchuk/angular-i18next/compare/v14.0.0...v14.0.5-1) (2022-07-05)\n\n\n### Bug Fixes\n\n* package ([9b03de0](https://github.com/Romanchuk/angular-i18next/commit/9b03de01029432a679b84f0b535c8c0986a2ce49))\n\n\n\n## [14.0.5-0](https://github.com/Romanchuk/angular-i18next/compare/v14.0.0...v14.0.5-0) (2022-07-05)\n\n\n### Bug Fixes\n\n* package ([9b03de0](https://github.com/Romanchuk/angular-i18next/commit/9b03de01029432a679b84f0b535c8c0986a2ce49))\n\n\n\n## [14.0.4-0](https://github.com/Romanchuk/angular-i18next/compare/v14.0.0...v14.0.4-0) (2022-07-05)\n\n\n### Bug Fixes\n\n* package ([9b03de0](https://github.com/Romanchuk/angular-i18next/commit/9b03de01029432a679b84f0b535c8c0986a2ce49))\n\n\n\n## [14.0.3](https://github.com/Romanchuk/angular-i18next/compare/v14.0.0...v14.0.3) (2022-07-05)\n\n\n### Bug Fixes\n\n* package ([9b03de0](https://github.com/Romanchuk/angular-i18next/commit/9b03de01029432a679b84f0b535c8c0986a2ce49))\n\n\n\n## [14.0.2](https://github.com/Romanchuk/angular-i18next/compare/v14.0.0...v14.0.2) (2022-07-05)\n\n\n\n## [14.0.1](https://github.com/Romanchuk/angular-i18next/compare/v14.0.0...v14.0.1) (2022-07-05)\n\n\n\n# [14.0.0](https://github.com/Romanchuk/angular-i18next/compare/v14.0.0-0...v14.0.0) (2022-07-04)\n\n\n\n# [14.0.0-0](https://github.com/Romanchuk/angular-i18next/compare/v11.0.0...v14.0.0-0) (2022-06-14)\n\n\n### Bug Fixes\n\n* [#81](https://github.com/Romanchuk/angular-i18next/issues/81) ([820a9e8](https://github.com/Romanchuk/angular-i18next/commit/820a9e8ab0d1b3f0c4757c4f7096dce4e1f844ed))\n\n\n\n# [11.0.0](https://github.com/Romanchuk/angular-i18next/compare/v11.0.0-0...v11.0.0) (2022-01-28)\n\n\n\n# [11.0.0-0](https://github.com/Romanchuk/angular-i18next/compare/v10.3.0...v11.0.0-0) (2022-01-04)\n\n\n### Bug Fixes\n\n* np dist ([670004f](https://github.com/Romanchuk/angular-i18next/commit/670004f2b1c41e0de88708767563b960bd88a3e6))\n\n\n\n# [10.3.0](https://github.com/Romanchuk/angular-i18next/compare/v10.3.0-0...v10.3.0) (2021-06-15)\n\n\n\n# [10.3.0-0](https://github.com/Romanchuk/angular-i18next/compare/v10.2.0...v10.3.0-0) (2021-06-15)\n\n\n\n# [10.2.0](https://github.com/Romanchuk/angular-i18next/compare/v10.2.0-0...v10.2.0) (2021-05-12)\n\n\n\n# [10.2.0-0](https://github.com/Romanchuk/angular-i18next/compare/v10.1.0...v10.2.0-0) (2021-05-12)\n\n\n### Features\n\n* i18next v20+ support ([0327a7c](https://github.com/Romanchuk/angular-i18next/commit/0327a7c9f35140f0c8e098d9d1528b6e7303a8d0))\n\n\n\n# [10.1.0](https://github.com/Romanchuk/angular-i18next/compare/v10.1.0-0...v10.1.0) (2021-03-01)\n\n\n\n# [10.1.0-0](https://github.com/Romanchuk/angular-i18next/compare/v10.0.1...v10.1.0-0) (2021-03-01)\n\n\n### Bug Fixes\n\n* **I18NextEagerPipe:** ensure changing PipeOptions returns correct translated value a not cached one with different PipeOptions but same key ([4a6d375](https://github.com/Romanchuk/angular-i18next/commit/4a6d375181dda41399c58f7644b97d3755acf84f))\n\n\n\n## [10.0.1](https://github.com/Romanchuk/angular-i18next/compare/v10.0.1-beta...v10.0.1) (2020-12-21)\n\n\n\n## [10.0.1-beta](https://github.com/Romanchuk/angular-i18next/compare/v10.0.0...v10.0.1-beta) (2020-12-21)\n\n\n\n# [10.0.0](https://github.com/Romanchuk/angular-i18next/compare/v10.0.0-2...v10.0.0) (2020-07-06)\n\n\n\n# [10.0.0-2](https://github.com/Romanchuk/angular-i18next/compare/v10.0.0-1...v10.0.0-2) (2020-07-06)\n\n\n\n# [10.0.0-1](https://github.com/Romanchuk/angular-i18next/compare/v10.0.0-0...v10.0.0-1) (2020-07-06)\n\n\n\n# [10.0.0-0](https://github.com/Romanchuk/angular-i18next/compare/v9.0.1...v10.0.0-0) (2020-07-06)\n\n\n\n## [9.0.1](https://github.com/Romanchuk/angular-i18next/compare/v9.0.0...v9.0.1) (2020-02-25)\n\n\n### Bug Fixes\n\n* pass translate options ([4cfe42c](https://github.com/Romanchuk/angular-i18next/commit/4cfe42c))\n\n\n\n# [9.0.0](https://github.com/Romanchuk/angular-i18next/compare/v8.1.0-beta.3...v9.0.0) (2020-02-20)\n\n\n\n# [8.1.0-beta.3](https://github.com/Romanchuk/angular-i18next/compare/v8.1.0-beta.2...v8.1.0-beta.3) (2020-02-20)\n\n\n\n# [8.1.0-beta.2](https://github.com/Romanchuk/angular-i18next/compare/v8.1.0-beta.1...v8.1.0-beta.2) (2020-02-20)\n\n\n\n# [8.1.0-beta.1](https://github.com/Romanchuk/angular-i18next/compare/v8.1.0-beta...v8.1.0-beta.1) (2020-02-20)\n\n\n### Features\n\n* improved typings ([214e35d](https://github.com/Romanchuk/angular-i18next/commit/214e35d))\n\n\n\n# [8.1.0-beta](https://github.com/Romanchuk/angular-i18next/compare/v7.2.0-beta...v8.1.0-beta) (2020-02-20)\n\n\n\n## [8.0.1](https://github.com/Romanchuk/angular-i18next/compare/v8.0.1-beta.0...v8.0.1) (2020-02-18)\n\n\n\n## [8.0.1-beta.0](https://github.com/Romanchuk/angular-i18next/compare/v8.0.1-beta...v8.0.1-beta.0) (2020-02-18)\n\n\n\n## [8.0.1-beta](https://github.com/Romanchuk/angular-i18next/compare/v8.0.0...v8.0.1-beta) (2020-02-18)\n\n\n\n# [8.0.0](https://github.com/Romanchuk/angular-i18next/compare/v8.0.0-beta.1...v8.0.0) (2020-02-14)\n\n\n\n# [8.0.0-beta.1](https://github.com/Romanchuk/angular-i18next/compare/v8.0.0-beta...v8.0.0-beta.1) (2020-02-13)\n\n\n\n# [8.0.0-beta](https://github.com/Romanchuk/angular-i18next/compare/v7.2.0-beta...v8.0.0-beta) (2020-02-13)\n\n\n\n# [7.2.0-beta](https://github.com/Romanchuk/angular-i18next/compare/v7.0.0...v7.2.0-beta) (2020-01-28)\n\n\n### Bug Fixes\n\n* I18NextEagerPipe ([8dbefe1](https://github.com/Romanchuk/angular-i18next/commit/8dbefe1))\n\n\n\n# [7.0.0](https://github.com/Romanchuk/angular-i18next/compare/v6.1.0...v7.0.0) (2019-06-05)\n\n\n\n# [6.1.0](https://github.com/Romanchuk/angular-i18next/compare/v6.1.0-beta...v6.1.0) (2019-05-27)\n\n\n\n# [6.1.0-beta](https://github.com/Romanchuk/angular-i18next/compare/v6.0.1...v6.1.0-beta) (2019-05-25)\n\n\n\n## [6.0.1](https://github.com/Romanchuk/angular-i18next/compare/v6.0.0...v6.0.1) (2019-03-11)\n\n\n\n# [6.0.0](https://github.com/Romanchuk/angular-i18next/compare/v6.0.0-beta.0...v6.0.0) (2019-02-10)\n\n\n\n# [6.0.0-beta.0](https://github.com/Romanchuk/angular-i18next/compare/v6.0.0-beta...v6.0.0-beta.0) (2019-02-10)\n\n\n\n# [6.0.0-beta](https://github.com/Romanchuk/angular-i18next/compare/v5.0.6...v6.0.0-beta) (2019-02-10)\n\n\n\n## [5.0.6](https://github.com/Romanchuk/angular-i18next/compare/v5.0.5...v5.0.6) (2018-12-03)\n\n\n\n## [5.0.5](https://github.com/Romanchuk/angular-i18next/compare/v5.0.4...v5.0.5) (2018-12-03)\n\n\n\n## [5.0.4](https://github.com/Romanchuk/angular-i18next/compare/v5.0.3...v5.0.4) (2018-12-03)\n\n\n\n## [5.0.3](https://github.com/Romanchuk/angular-i18next/compare/v5.0.2...v5.0.3) (2018-12-03)\n\n\n\n## [5.0.2](https://github.com/Romanchuk/angular-i18next/compare/v5.0.1...v5.0.2) (2018-12-03)\n\n\n### Bug Fixes\n\n* package.json ([54a8c37](https://github.com/Romanchuk/angular-i18next/commit/54a8c37))\n\n\n\n## [5.0.1](https://github.com/Romanchuk/angular-i18next/compare/v5.0.0...v5.0.1) (2018-11-28)\n\n\n\n# [5.0.0](https://github.com/Romanchuk/angular-i18next/compare/v5.0.0-beta2...v5.0.0) (2018-11-28)\n\n\n\n# [5.0.0-beta2](https://github.com/Romanchuk/angular-i18next/compare/v5.0.0-beta...v5.0.0-beta2) (2018-11-28)\n\n\n\n# [5.0.0-beta](https://github.com/Romanchuk/angular-i18next/compare/v4.0.0...v5.0.0-beta) (2018-11-28)\n\n\n### Bug Fixes\n\n* docs ([220a0b8](https://github.com/Romanchuk/angular-i18next/commit/220a0b8))\n\n\n\n\n# [4.0.0](https://github.com/Romanchuk/angular-i18next/compare/v4.0.0-beta...v4.0.0) (2018-06-25)\n\nIn v4 passed through most of i18next api methods\n\n1. Update angular to v6+\n2. Update rxjs to v6.2.0+\n\n\n\n# [4.0.0-beta](https://github.com/Romanchuk/angular-i18next/compare/v3.4.2...v4.0.0-beta) (2018-06-11)\n\n\n\n\n## [3.4.2](https://github.com/Romanchuk/angular-i18next/compare/v3.4.1...v3.4.2) (2018-05-05)\n\n\n\n\n## [3.4.1](https://github.com/Romanchuk/angular-i18next/compare/v3.4.0...v3.4.1) (2018-04-29)\n\n- default formater fixes\n\n\n\n# [3.4.0](https://github.com/Romanchuk/angular-i18next/compare/v3.3.0...v3.4.0) (2018-04-29)\n\n- i18next v11 support \n- fix: [format pipe](https://github.com/Romanchuk/angular-i18next/issues/15)\n\n\n\n# [3.3.0](https://github.com/Romanchuk/angular-i18next/compare/v3.3.0-beta.2...v3.3.0) (2018-03-12)\n\n- added umd bundle\n- comments cleanup\n- updated dev dependencies\n\n\n# [3.3.0-beta.2](https://github.com/Romanchuk/angular-i18next/compare/v3.3.0-beta.1...v3.3.0-beta.2) (2018-03-12)\n\n\n\n\n# [3.3.0-beta.1](https://github.com/Romanchuk/angular-i18next/compare/v3.2.0...v3.3.0-beta.1) (2018-02-04)\n\n\n\n\n# [3.2.0](https://github.com/Romanchuk/angular-i18next/compare/v3.1.1...v3.2.0) (2018-01-17)\n\n### Bug Fixes\n* [aot build failed](Romanchuk/angular-i18next#10)\n\n### Breaking changes\n\nRemoved parameter 'localizeTitle' from forRoot method.\nYou need to manually resolve Title as I18NextTitle for same behavior.\n\n\n\n## [3.1.1](https://github.com/Romanchuk/angular-i18next/compare/v3.1.0...v3.1.1) (2018-01-01)\n\n\n### Bug Fixes\n\n* bug namespace fallback ([a16b067](https://github.com/Romanchuk/angular-i18next/commit/a16b067))\n* conventional-github-releaser run ([df3bb84](https://github.com/Romanchuk/angular-i18next/commit/df3bb84))\n\n\n\n\n# [3.1.0](https://github.com/Romanchuk/angular-i18next/compare/v3.0.0...v3.1.0) (2017-12-22)\n\nIt is possible to pass array of namespaces (or scopes). [Key would fallback](https://www.i18next.com/api.html#t) to next namespace in array if the previous failed to resolve.\n\n`[feature.validators:key, validators:key]`\n```typescript\n{\n provide: I18NEXT_NAMESPACE,\n useValue: ['feature.validators', 'validators']\n}\n```\n\n\n# [3.0.0](https://github.com/Romanchuk/angular-i18next/compare/v3.0.0-alpha.2...v3.0.0) (2017-12-15)\n\n\n\n\n# [3.0.0-alpha.2](https://github.com/Romanchuk/angular-i18next/compare/v3.0.0-alpha...v3.0.0-alpha.2) (2017-12-05)\n\n\n\n\n# [3.0.0-alpha](https://github.com/Romanchuk/angular-i18next/compare/v2.0.0...v3.0.0-alpha) (2017-11-27)\n\n\n\n\n# [2.0.0](https://github.com/Romanchuk/angular-i18next/compare/v2.0.0-beta2...v2.0.0) (2017-11-14)\n\n\n\n\n# [2.0.0-beta2](https://github.com/Romanchuk/angular-i18next/compare/v2.0.0-beta...v2.0.0-beta2) (2017-11-05)\n\n\n\n\n# [2.0.0-beta](https://github.com/Romanchuk/angular-i18next/compare/v1.1.0...v2.0.0-beta) (2017-11-05)\n\n\n\n\n# [1.1.0](https://github.com/Romanchuk/angular-i18next/compare/v1.0.2...v1.1.0) (2017-11-04)\n\n\n\n\n## [1.0.2](https://github.com/Romanchuk/angular-i18next/compare/v1.0.1...v1.0.2) (2017-09-22)\n\n\n\n\n## [1.0.1](https://github.com/Romanchuk/angular-i18next/compare/v1.0.0...v1.0.1) (2017-09-21)\n\n\n\n\n# [1.0.0](https://github.com/Romanchuk/angular-i18next/compare/v0.2.4...v1.0.0) (2017-09-21)\n\n\n\n\n## [0.2.4](https://github.com/Romanchuk/angular-i18next/compare/v0.2.3...v0.2.4) (2017-06-29)\n\n\n\n\n## [0.2.3](https://github.com/Romanchuk/angular-i18next/compare/v0.2.2...v0.2.3) (2017-06-29)\n\n\n\n\n## [0.2.2](https://github.com/Romanchuk/angular-i18next/compare/v0.2.1...v0.2.2) (2017-06-29)\n\n\n### Bug Fixes\n\n* **I18NextService:** context-safe calls of i18next methods ([455a07d](https://github.com/Romanchuk/angular-i18next/commit/455a07d))\n\n\n\n\n## [0.2.1](https://github.com/Romanchuk/angular-i18next/compare/v0.2.0...v0.2.1) (2017-06-29)\n\n\n### Bug Fixes\n\n* **package:** return back required exports ([fb7ead6](https://github.com/Romanchuk/angular-i18next/commit/fb7ead6))\n\n\n\n\n# [0.2.0](https://github.com/Romanchuk/angular-i18next/compare/0.1.0...0.2.0) (2017-06-28)\n\n\n### Features\n\n* **package:** AOT support added ([fc1f66d](https://github.com/Romanchuk/angular-i18next/commit/fc1f66d))\n\n\n\n"
},
{
"path": "libs/angular-i18next/README.md",
"content": "[](https://badge.fury.io/js/angular-i18next)\n[](https://npmjs.org/package/angular-i18next)\n[](https://travis-ci.com/Romanchuk/angular-i18next)\n[](https://coveralls.io/github/Romanchuk/angular-i18next?branch=master)\n[](http://commitizen.github.io/cz-cli/)\n[](https://david-dm.org/Romanchuk/angular-i18next)\n[](https://david-dm.org/Romanchuk/angular-i18next?type=dev)\n[](https://www.paypal.com/paypalme2/sergeyromanchuk/10USD)\n[](https://github.com/romanchuk/angular-i18next)\n\n# angular-i18next\n[i18next](http://i18next.com/) v8.4+ integration with [angular](https://angular.io/) v2.0+\n\n[Live DEMO](https://romanchuk.github.io/angular-i18next-demo/)\n\n - [Features](#features)\n - [Installation](#installation)\n - [Usage](#usage)\n - [Cookbook](#cookbook)\n - [Deep integration](#deep-integration)\n - [In-project testing](#in-project-testing)\n - [Demo](#demo)\n - [Articles](#articles)\n - [Support project](#support-on-beerpay)\n \n\n# Features\n\n- Native i18next [options](https://www.i18next.com/configuration-options.html)\n- Promise initialization\n- [i18next plugin](https://www.i18next.com/plugins-and-utils.html#plugins) support \n- Events support\n- Namespaces lazy load\n- i18next native [format](https://www.i18next.com/api.html#format) support\n- document.title localization\n- Error handling strategies\n- i18next namespaces and scopes (prefixes) for angular modules and components\n- AOT support\n- [Angular Package Format](https://docs.google.com/document/d/1CZC2rcpxffTDfRDs6p1cfbmKNLA6x5O-NtkJglDaBVs/preview) support\n\n[Related packages](#deep-integration) also has implementations for:\n- Reactive forms validators localization\n- Http error message localizer\n\n# Cheers!\nHey dude! Help me out for a couple of :beers:!\n\nПоддержи проект - угости автора кружечкой пива!\n\n[](https://www.paypal.com/paypalme2/sergeyromanchuk/10USD)\n\n\n# Installation\n\n**1.** Install package\n\n ```\n npm install i18next --save\n npm install angular-i18next --save\n ```\n\n**2.** Import I18NextModule to AppModule\n\n```typescript\n\nimport { I18NextModule } from 'angular-i18next';\n\n@NgModule({\n bootstrap: [ AppComponent ],\n declarations: [ \n AppComponent\n ],\n import: [\n I18NextModule.forRoot()\n ]\n})\nexport class AppModule {}\n\n```\n**3.** Import I18NextModule.forRoot() to AppModule and setup provider with \"init\" method (use native [options](https://www.i18next.com/configuration-options.html)). Angular would not load until i18next initialize event fired\n```typescript\nexport function appInit(i18next: ITranslationService) {\n return () => i18next.init({\n whitelist: ['en', 'ru'],\n fallbackLng: 'en',\n debug: true,\n returnEmptyString: false,\n ns: [\n 'translation',\n 'validation',\n 'error' \n ],\n });\n}\n\nexport function localeIdFactory(i18next: ITranslationService) {\n return i18next.language;\n}\n\nexport const I18N_PROVIDERS = [\n{\n provide: APP_INITIALIZER,\n useFactory: appInit,\n deps: [I18NEXT_SERVICE],\n multi: true\n},\n{\n provide: LOCALE_ID,\n deps: [I18NEXT_SERVICE],\n useFactory: localeIdFactory\n}];\n```\n\n```typescript\n@NgModule({\n imports: [\n ...\n I18NextModule.forRoot()\n ],\n providers: [\n ...\n I18N_PROVIDERS, \n ],\n bootstrap: [AppComponent]\n})\nexport class AppModule {\n}\n```\n\n# Usage\n\n### Pipes\n\nUse \"i18next\" pipe to translate key:\n\n
\n\n\nTrigger native i18next [format method](https://www.i18next.com/formatting.html) by using I18NextFormatPipe or I18NextPipe with option 'format':\n\n`{{ 'any_key' | i18next | i18nextFormat }}`\n\n`{{ 'any_key' | i18next: { format: 'cap' } }}`\n\n`{{ 'any_key' | i18nextCap }}`\n\n**Note:** Using \"i18nextCap\" you will get the same result as `i18next: { format: 'cap' }`\n\n**REMEMBER** that format will not work until you set \"interpolation.format\" function in i18next options.\n\nI18NextModule has static method `static interpolationFormat(customFormat: Function = null): Function` that can be used as default interpolation format function (it provides 'upper', 'cap' and 'lower' formatters). You also can pass your custom function to be called after I18NextModule formatters:\n\n```typescript\nconst i18nextOptions = {\n whitelist: ['en', 'ru'],\n ns: [\n 'translation',\n 'validation',\n 'error',\n ],\n interpolation: {\n format: I18NextModule.interpolationFormat((value, format, lng) => {\n if(value instanceof Date)\n return moment(value).format(format);\n return value;\n });\n // format: I18NextModule.interpolationFormat()\n }\n};\n\n```\n\n**i18nextEager pipe**\n\nThis is the impure analog of *i18next pipe* that is subscribed to language change, it will change string right away to choosen language (without reloading page).\n\n**Warning!**: Use i18nextEager only in combine with [OnPush change detection strategy](https://netbasal.com/a-comprehensive-guide-to-angular-onpush-change-detection-strategy-5bac493074a4), or else (default change detection) each pipe will retrigger more than one time (cause of performance issues).\n\nSubscribing to event observables:\n```typescript\nthis.i18NextService.events.languageChanged.subscribe(lang => {\n // do something\n})\n```\n\nAdd a provider to module/component if you want to prefix child i18next keys:\n```typescript\n{\n provide: I18NEXT_NAMESPACE,\n useValue: 'feature' // set 'feature:' prefix \n}\n```\n```typescript\n{\n provide: I18NEXT_SCOPE,\n useValue: 'person' // set 'person.' prefix \n}\n```\nSince v3.1.0+ it is possible to pass array of namespaces (or scopes). [Key would fallback](https://www.i18next.com/api.html#t) to next namespace in array if the previous failed to resolve.\n\n`[feature_validators:key, validators:key]`\n```typescript\n{\n provide: I18NEXT_NAMESPACE,\n useValue: ['feature_validators', 'validators']\n}\n```\n_NOTE:_ **Do NOT** use default (or custom) i18next delimiters in namespace names.\n\n### Document title\nIf you want to turn on document title localization resolve Title as `I18NextTitle` imported from 'angular-i18next':\n\n```typescript\n{\n provide: Title,\n useClass: I18NextTitle\n}\n```\n\nAlso you can implement your own Title service with specific behavior. Inject `I18NextPipe` (or `I18NextService`) to service/component:\n```typescript\nimport { Injectable, Inject } from '@angular/core';\nimport { Title, DOCUMENT } from '@angular/platform-browser';\nimport { I18NextPipe } from 'angular-i18next';\n\n@Injectable()\nexport class I18NextTitle extends Title {\n constructor(private i18nextPipe: I18NextPipe, @Inject(DOCUMENT) doc) {\n super(doc);\n }\n\n setTitle(value: string) {\n return super.setTitle(this.translate(value));\n }\n\n private translate(text: string) {\n return this.i18nextPipe.transform(text, { format: 'cap'});\n }\n}\n\n```\n\nWays to use I18NextService in your code:\n> **Warning:** Injection of **I18NextService** is possible, but it would not consider I18NEXT_NAMESPACE and I18NEXT_SCOPE providers. There are 2 possible reasons to inject **I18NextService**: initialization and subscription to its events. In all other cases inject **I18NextPipe**.\n1) **Recommended way:** Inject via **I18NEXT_SERVICE** token. By default it will inject instance of **I18NextService**.\n```typescript\nexport class AppComponent implements OnInit {\n constructor(private router: Router,\n private title: Title,\n @Inject(I18NEXT_SERVICE) private i18NextService: ITranslationService) \n```\n\n2) Legacy way: Inject via type\n```typescript\nexport class AppComponent implements OnInit {\n constructor(private router: Router,\n private title: Title,\n private i18NextService: I18NextService) \n```\n\n### Error handling\n\nError handling is now configurable:\n 1) By default i18next promise will use NativeErrorHandlingStrategy. I18Next would be always resolve succesfully. Error could be get from 'then' handler parameter.\n 2) Set StrictErrorHandlingStrategy to reject load promises (init, languageChange, loadNamespaces) on first load fail (this was default in v2 but changed to fit [native i18next behavior](https://github.com/Romanchuk/angular-i18next/issues/9):\n\n `I18NextModule.forRoot({ errorHandlingStrategy: StrictErrorHandlingStrategy })`\n\n \n\n### Lazy loading\n\nUse I18NEXT_NAMESPACE_RESOLVER in your routes to to load i18next namespace.\n\nNote: It is not neccesary to register lazy loading namespaces in global i18next options.\n\n```\n{\n path: 'rich_form',\n loadChildren: 'app/features/rich_form_feature/RichFormFeatureModule#RichFormFeatureModule',\n data: {\n i18nextNamespaces: ['feature.rich_form']\n },\n resolve: {\n i18next: I18NEXT_NAMESPACE_RESOLVER\n }\n },\n\n```\nUse I18NextService.loadNamespaces() method to load namespaces in code.\n\n\n# Cookbook\n\n### i18next plugin support\n\n```typescript\nimport { I18NextModule, ITranslationService, I18NEXT_SERVICE } from 'angular-i18next';\n// import Backend from 'i18next-xhr-backend'; //for i18next < 20.0.0\nimport HttpApi from 'i18next-http-backend';\nimport LanguageDetector from 'i18next-browser-languagedetector';\n\n...\n\ni18next.use(HttpApi)\n .use(LanguageDetector)\n .init(i18nextOptions)\n```\n\n\n\n\n### Initialize i18next before angular application\nAngular would not load until i18next initialize event fired\n```typescript\nexport function appInit(i18next: ITranslationService) {\n return () => i18next.init();\n}\n\nexport function localeIdFactory(i18next: ITranslationService) {\n return i18next.language;\n}\n\nexport const I18N_PROVIDERS = [\n{\n provide: APP_INITIALIZER,\n useFactory: appInit,\n deps: [I18NEXT_SERVICE],\n multi: true\n},\n{\n provide: LOCALE_ID,\n deps: [I18NEXT_SERVICE],\n useFactory: localeIdFactory\n}];\n```\n\n\n\n### Document title update on language or route change\n\n\n```typescript\nexport class AppComponent implements OnInit {\n constructor(private router: Router,\n private title: Title,\n @Inject(I18NEXT_SERVICE) private i18NextService: ITranslationService) {\n // page title subscription\n // https://toddmotto.com/dynamic-page-titles-angular-2-router-events#final-code\n this.router.events\n .filter(event => event instanceof NavigationEnd)\n .map(() => this.router.routerState.root)\n .map(route => {\n while (route.firstChild) route = route.firstChild;\n return route;\n })\n .filter(route => route.outlet === 'primary')\n .mergeMap(route => route.data)\n .subscribe((event) => this.updatePageTitle(event['title']));\n }\n\n ngOnInit() {\n this.i18NextService.events.languageChanged.subscribe(lang => {\n let root = this.router.routerState.root;\n if (root != null && root.firstChild != null) {\n let data: any = root.firstChild.data;\n this.updatePageTitle(data && data.value && data.value.title);\n }\n });\n }\n\n updatePageTitle(title: string): void {\n let newTitle = title || 'application_title';\n this.title.setTitle(newTitle);\n }\n}\n```\nRoutes example:\n```typescript\nconst appRoutes: Routes = [\n { \n path: 'error',\n component: AppErrorComponent,\n data: { title: 'error:error_occured' }\n },\n { \n path: 'denied',\n component: AccessDeniedComponent,\n data: { title: 'error:access_denied' }\n }\n];\n```\n\n# New angular version released, but angular-i18next is not released YET!!!\n\nAngular releases mostly don't break angular-i18next, but we cannot tell ahead that current version of `angular-i18next` will work correctly with latest angular version.\n\nYou can override an angular-i18next `peerDependencies` in your `package.json` on your **own risk**:\n\n```json\n\"overrides\": {\n \"angular-i18next\": {\n \"@angular/common\": \"*\",\n \"@angular/core\": \"*\",\n \"@angular/platform-browser\": \"*\"\n }\n}\n```\n\n# Deep integration\n\nList of packages to integrate angular and i18next more deeply:\n\n- [angular-validation-message](https://github.com/Romanchuk/angular-validation-message) - angular [reactive form validators](https://angular.io/guide/reactive-forms#step-2-making-a-field-required) integration (and [angular-validation-message-i18next ](https://github.com/Romanchuk/angular-validation-message-i18next) is i18next bridge to it). It gives you possibility to localize form validators and it automatically puts localized validator error message to markup (if there is one).\n- [angular-i18next-error-interceptor](https://github.com/LCGroupIT/angular-i18next-error-interceptor) - allows you to set default errot messages for non-200 http status responses. So if the back-end didn't specify { message: 'some error' } in a response (sort of contract with our backend) interceptor will check response status code and will fill { message: 'Server is not available. Please try again.' }. Also package includes pipe where you can pass HttpErrorResponse and it will return error message whenever it's back-end message or our localized message.\n\n# In-project testing\n\nYou might want to unit-test project components that are using i18next pipes\n\nExample tests setup:\n[/tests/projectTests/projectTests.spec.ts](https://github.com/Romanchuk/angular-i18next/blob/master/tests/projectTests/projectTests.spec.ts)\n\n# Demo\n\n[Live DEMO](https://romanchuk.github.io/angular-i18next-demo/)\nDemo app source code available here: https://github.com/Romanchuk/angular-i18next-demo\n\n\n# Articles\n- [Angular L10n with I18next](https://phrase.com/blog/posts/angular-l10n-with-i18next/)\n- [Best Libraries for Angular I18n](https://phrase.com/blog/posts/best-libraries-for-angular-i18n/)\n\n"
},
{
"path": "libs/angular-i18next/forms/ng-package.json",
"content": "{}\n"
},
{
"path": "libs/angular-i18next/forms/src/components/validation-message.component.ts",
"content": "import { Component, ViewEncapsulation, computed, effect, inject, input, signal } from \"@angular/core\";\nimport { AbstractControl, NgControl } from \"@angular/forms\";\nimport { I18NEXT_NAMESPACE, I18NextCapPipe } from \"angular-i18next\";\nimport { ValidationMessage } from \"../models\";\nimport { combineLatest, startWith, Subscription, tap } from \"rxjs\";\n\n@Component({\n selector: 'i18next-validation-message',\n template: `\n
на панели инструментов.