chore: update i18n app

Author: yanmariomenev

.github/workflows/ci.yml

@@ -70,7 +70,13 @@ jobs:
         run: |
           npm ci
           npm run build
-      
+
+      - name: Translation of Messages
+        working-directory: ./examples-standalone/integration-i18n
+        run: |
+          npm ci
+          npm run build
+
       - name: Spreadsheet App
         working-directory: ./examples-standalone/spreadsheet-app
         run: |

README.md

@@ -2,18 +2,18 @@
 
 Kendo UI for Angular uses GitHub Issues as an official bug tracker.
 
-This repository is intended to support users by providing information on available support options and by storing the sample projects that are referred to from the official Kendo UI for Angular documentation.
+This repository is intended to support users by providing information on available support options and by storing the sample projects that are referred to from the [official Kendo UI for Angular documentation](https://www.telerik.com/kendo-angular-ui/components/).
 
 **This repository does not contain the actual source code of the components.**
 
 ## In This Article
 
 * [Available Support Options](#support-options)
-    * [Information on How to Use Specific Features](#how-do-i)
-    * [Queries on Future Releases](#when-do-you-plan-on-releasing-feature-x)
-    * [Bug Discovery](#i-think-i-found-a-bug)
-    * [Bug Reports](#i-want-to-report-a-bug)
-    * [Tailor-Made Solutions](#i-need-a-tailor-made-solution)
+  * [Information on How to Use Specific Features](#how-do-i)
+  * [Queries on Future Releases](#when-do-you-plan-on-releasing-feature-x)
+  * [Bug Discovery](#i-think-i-found-a-bug)
+  * [Bug Reports](#i-want-to-report-a-bug)
+  * [Tailor-Made Solutions](#i-need-a-tailor-made-solution)
 * [Sample Projects and Applications](#sample-projects)
 
 ## Support Options
@@ -59,7 +59,7 @@ The [Progress Services](https://www.progress.com/services) team is available to
 
 ## Sample Projects
 
-The kendo-angular repository is a single storing place for all sample applications that are referred in the [official Kendo UI for Angular documentation]. All currently available sample applications are located under the following folders:
+The kendo-angular repository is a single storing place for all sample applications that are referred in the [official Kendo UI for Angular documentation](https://www.telerik.com/kendo-angular-ui/components/). All currently available sample applications are located under the following folders:
 
 * [examples/projects/](https://github.com/telerik/kendo-angular/tree/master/examples/projects)
 * [examples-standalone](https://github.com/telerik/kendo-angular/tree/master/examples-standalone)

examples/projects/integration-i18n/.browserslistrc examples-standalone/integration-i18n/.browserslistrc

@@ -0,0 +1,17 @@
+# IntegrationI18n
+
+This project demonstrates how to use Angular i18n and Kendo UI for Angular components in an Angular application. For more information, refer to the [Translation of Messages](https://www.telerik.com/kendo-angular-ui/components/globalization/localization/messages) and [Angular Internationalization](https://angular.dev/guide/i18n) articles.
+
+## Development server
+
+To run the different i18n configurations, you can use the following commands:
+
+```bash
+ng serve --configuration=es
+```
+
+```bash
+ng serve --configuration=de
+```
+
+Once the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify any of the source files.

examples-standalone/integration-i18n/README.md

@@ -0,0 +1,133 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "integration-i18n": {
+      "projectType": "application",
+      "schematics": {},
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "i18n": {
+        "sourceLocale": "en-US",
+        "locales": {
+          "es": {
+            "translation": "src/locale/messages.es.xlf",
+            "baseHref": ""
+          },
+          "de": {
+            "translation": "src/locale/messages.de.xlf",
+            "baseHref": ""
+          }
+        }
+      },
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:application",
+          "options": {
+            "outputPath": "dist/integration-i18n",
+            "index": "src/index.html",
+            "browser": "src/main.ts",
+            "localize": true,
+            "polyfills": [
+              "zone.js",
+              "@angular/localize/init"
+            ],
+            "tsConfig": "tsconfig.app.json",
+            "assets": [
+              {
+              "glob": "**/*",
+              "input": "public"
+              }
+            ],
+            "styles": [
+              {
+                "input": "node_modules/@progress/kendo-theme-default/dist/all.css"
+              },
+              "src/styles.css"
+            ],
+            "scripts": []
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "4MB",
+                  "maximumError": "5MB"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "4kB",
+                  "maximumError": "8kB"
+                }
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true
+            },
+            "es": {
+              "localize": ["es"]
+            },
+            "de": {
+              "localize": ["de"]
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "configurations": {
+            "production": {
+              "buildTarget": "integration-i18n:build:production"
+            },
+            "development": {
+              "buildTarget": "integration-i18n:build:development"
+            },
+            "es": {
+            "buildTarget": "integration-i18n:build:es"
+            },
+            "de": {
+            "buildTarget": "integration-i18n:build:de"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n"
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing",
+              "@angular/localize/init"
+            ],
+            "tsConfig": "tsconfig.spec.json",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
+            ],
+            "styles": [
+              {
+                "input": "node_modules/@progress/kendo-theme-default/dist/all.css"
+              },
+              "src/styles.css"
+            ],
+            "scripts": []
+          }
+        }
+      }
+    }
+  },
+  "cli": {
+    "analytics": false
+  }
+}