@pepperi-addons/ngx-composite-lib-react 0.5.1 → 0.5.3

package/README.md

@@ -2,7 +2,7 @@
 
 React wrappers for Pepperi ngx-composite-lib Angular Elements.
 
-## Version 0.5.1
+## Version 0.5.2
 
 This package provides React wrappers for **15 fully converted Angular Elements** from ngx-composite-lib.
 
@@ -59,7 +59,9 @@ npm install @pepperi-addons/ngx-composite-lib-react
 
 ## Setup
 
-Include the Angular Elements bundle in your HTML:
+### 1. Include Angular Elements Bundle
+
+Add to your HTML:
 
 ```html
 <!-- CSS -->
@@ -71,6 +73,51 @@ Include the Angular Elements bundle in your HTML:
 <script src="/node_modules/@pepperi-addons/ngx-composite-lib-react/elements/main.js" type="module"></script>
 ```
 
+### 2. Load Translations (Required)
+
+The components use `@ngx-translate` for internationalization. You must load the translation files:
+
+```typescript
+// In your Angular app (if using Angular)
+import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
+import { HttpClient } from '@angular/common/http';
+import { TranslateHttpLoader } from '@ngx-translate/http-loader';
+
+export function HttpLoaderFactory(http: HttpClient) {
+    return new TranslateHttpLoader(
+        http,
+        '/node_modules/@pepperi-addons/ngx-composite-lib-react/i18n/',
+        '.ngx-composite-lib.json'
+    );
+}
+
+// In your module
+TranslateModule.forRoot({
+    loader: {
+        provide: TranslateLoader,
+        useFactory: HttpLoaderFactory,
+        deps: [HttpClient]
+    }
+})
+```
+
+**Available Languages:**
+- English (en)
+- German (de)
+- Spanish (es)
+- French (fr)
+- Hebrew (he)
+- Hungarian (hu)
+- Italian (it)
+- Japanese (ja)
+- Dutch (nl)
+- Polish (pl)
+- Portuguese (pt)
+- Russian (ru)
+- Chinese (zh)
+
+Translation files are located at: `/node_modules/@pepperi-addons/ngx-composite-lib-react/i18n/`
+
 ## Usage Examples
 
 ### Basic Component