@skysoftware-co/bayan-hr-widgets-ui 1.0.11 → 1.0.14

package/README.md

@@ -269,3 +269,38 @@ The component calls `GET {baseUrl}/hr/employee-portal/calendar` with query param
 - `Year` - Starting year
 - `MonthsCount` - Number of months to load (default: 12)
 - Header: `api-version: 2`
+
+
+## My Vacation Team Widget Component
+
+### Usage
+```html
+<hr-my-vacation-team-widget
+  [baseUrl]="environment.baseUrl"
+  [showProperty]="true"
+  (isLoadingChanged)="onLoadingChanged($event)">
+</hr-my-vacation-team-widget>
+```
+
+This component displays a "Next Week Vacation Insights" card showing two badges: **Upcoming Vacations** and **Expected To Return** counts for team subordinates. Clicking a badge opens a popup with a paginated, searchable data grid listing the relevant employees. It uses `SkyWidgetSectionItemComponent` from `@skysoftware-co/sky-components-ui` for badge display and `BayanEmployeeBadgeComponent` from `@skysoftware-co/bayan-components-ui` for employee photos in the popup.
+
+### Input Properties
+| Input | Type | Default Value | Description |
+|-------|------|---------------|-------------|
+| `baseUrl` | string | `''` | Base URL for API calls |
+| `showProperty` | boolean | `false` | Show employee property badge in the popup grid |
+| `cardClass` | string | `'card rounded rounded-4 card-shadow p-16 border-top-0 h-100 p-4'` | Card container CSS class |
+| `titleClass` | string | `'table-header-lg fw-meduim'` | Card title CSS class |
+| `valueClass` | string | `'fs-24 mt-1 link-dark hover-primary text-decoration-none'` | Badge value CSS class (clickable) |
+| `disabledValueClass` | string | `'fs-24 mt-1 text-muted pe-none text-decoration-none'` | Badge value CSS class when count is 0 |
+| `upcomingContainerClass` | string | `'border-start border-5 mb-3'` | Upcoming vacations badge container CSS class |
+| `expectedContainerClass` | string | `'border-start border-5'` | Expected to return badge container CSS class |
+
+### Output Events
+- `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes
+
+### API Endpoints
+- **Summary**: `GET {baseUrl}/hr/widgets/me/team/subordinates/vacations/summary?ShowDirectSubordinatesOnly=false`
+- **Upcoming list**: `GET {baseUrl}/hr/widgets/me/team/subordinates/vacations/upcoming`
+- **Expected to return list**: `GET {baseUrl}/hr/widgets/me/team/subordinates/vacations/expected-to-return`
+