@skysoftware-co/bayan-hr-widgets-ui 1.1.1 → 1.2.0

package/README.md

@@ -1,6 +1,8 @@
 # shared-ui
 
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 19.2.15.
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 21.0.6.
+
+**Requires:** Angular `^21.0.0` · TypeScript `~5.9.x` · Node.js `22.x (LTS)`
 
 ## Code scaffolding
 
@@ -62,27 +64,29 @@ use npm to install this package by command: @skysoftware-co/bayan-hr-widgets-ui
 
 ## Setup
 
-Before using any component, you need to configure the `HRTranslateService` and provide the `HRTranslatePipe` in your application.
+Before using any component, you need to configure translation using `TranslationService` from `@skysoftware-co/sky-components-ui` and `TranslateService` from `@ngx-translate/core`, then provide `TranslatePipe` in your application.
 
 ### 1. Set language and lexicon in your App Component
 
 ```typescript
 import { Component, inject, OnInit } from '@angular/core';
-import { HRTranslateService } from '@skysoftware-co/bayan-hr-widgets-ui';
+import { TranslateService } from '@ngx-translate/core';
+import { TranslationService } from '@skysoftware-co/sky-components-ui';
 
 @Component({
   selector: 'app-root',
   ...
 })
 export class AppComponent implements OnInit {
-  private hrTranslateService = inject(HRTranslateService);
+  private translateService = inject(TranslateService);
+  private translationService = inject(TranslationService);
 
   ngOnInit(): void {
-    // Set the active language (built-in: 'en', 'ar', 'fr')
-    this.hrTranslateService.setLanguage('en');
+    // Set the active language ('en', 'ar', 'fr')
+    this.translateService.use('en');
 
     // Optionally set a lexicon for additional or override translations
-    this.hrTranslateService.setLexicon({
+    this.translationService.setLexicon({
       'CustomKey': 'Custom Value',
       ...
     });
@@ -90,18 +94,18 @@ export class AppComponent implements OnInit {
 }
 ```
 
-### 2. Provide the HRTranslatePipe
+### 2. Provide the TranslatePipe
 
-Add `HRTranslatePipe` to the `providers` array in your App Component:
+Add `TranslatePipe` to the `providers` array in your App Component:
 
 ```typescript
-import { HRTranslatePipe } from '@skysoftware-co/bayan-hr-widgets-ui';
+import { TranslatePipe } from '@skysoftware-co/sky-components-ui';
 
 @Component({
   selector: 'app-root',
   standalone: true,
   imports: [...],
-  providers: [HRTranslatePipe],
+  providers: [TranslatePipe],
   ...
 })
 export class AppComponent { }