@skysoftware-co/bayan-hr-widgets-ui 2.0.13 → 2.0.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -335,11 +335,14 @@ This component displays a "Next Week Vacation Insights" card showing two badges:
|
|
|
335
335
|
|
|
336
336
|
### Usage
|
|
337
337
|
```html
|
|
338
|
-
<hr-my-team-
|
|
338
|
+
<hr-my-team-popup
|
|
339
339
|
[baseUrl]="environment.baseUrl"
|
|
340
|
+
[showGrade]="false"
|
|
341
|
+
[showPropertySymbol]="true"
|
|
342
|
+
[pageSize]="100"
|
|
340
343
|
(isLoadingChanged)="onLoadingChanged($event)"
|
|
341
344
|
(errorOccurred)="onError($event)">
|
|
342
|
-
</hr-my-team-
|
|
345
|
+
</hr-my-team-popup>
|
|
343
346
|
```
|
|
344
347
|
|
|
345
348
|
Programmatic open helper:
|
|
@@ -361,8 +364,26 @@ This popup component displays grouped subordinate employees with search, infinit
|
|
|
361
364
|
| `showPropertySymbol` | boolean | `true` | Shows employee property symbol in the main info card |
|
|
362
365
|
| `phoneIcon` | IconDefinition | `faPhone` | Icon used for phone row |
|
|
363
366
|
| `emailIcon` | IconDefinition | `faEnvelope` | Icon used for email row |
|
|
367
|
+
| `headerRowClass` | string | `'d-flex justify-content-between align-items-center mb-2 pe-2'` | Header row container class |
|
|
368
|
+
| `switchContainerClass` | string | `'form-check form-switch d-flex align-items-center custom-switch-dark ps-0'` | Toggle switch wrapper class |
|
|
369
|
+
| `switchInputClass` | string | `'form-check-input text-dark ms-0'` | Toggle input class |
|
|
370
|
+
| `switchLabelClass` | string | `'form-check-label mx-2 fs-13'` | Toggle label class |
|
|
371
|
+
| `scrollViewClass` | string | `'position-relative'` | Scroll view host class |
|
|
372
|
+
| `emptyStateClass` | string | `'position-absolute top-50 start-50 translate-middle w-100 text-center text-dark-gray fs-14'` | Empty state container class |
|
|
373
|
+
| `groupHeaderClass` | string | `'fs-13 text-dark pt-2 pb-1'` | Admin unit group title class |
|
|
364
374
|
| `employeeCardClass` | string | `'bg-light-gray rounded p-2 mb-2 d-flex align-items-center justify-content-between border-start border-4 border-start-primary'` | Employee card container CSS classes |
|
|
365
|
-
| `employeeCardHeight` |
|
|
375
|
+
| `employeeCardHeight` | string | `'100px'` | Fixed employee card height |
|
|
376
|
+
| `contactContainerClass` | string | `'d-flex flex-column gap-1 border-start border-2 ps-3 w-100'` | Contact section container class |
|
|
377
|
+
| `contactTitleClass` | string | `'fs-10 fw-medium mb-1 text-dark'` | Contact section title class |
|
|
378
|
+
| `contactRowClass` | string | `'d-flex align-items-center gap-2 fs-12 fw-normal lh-21 text-dark'` | Contact row class |
|
|
379
|
+
| `contactIconClass` | string | `'fs-10 text-light-gray'` | Contact icon class |
|
|
380
|
+
| `emailTextClass` | string | `'d-inline-block flex-grow-1 text-ellipsis-one-line'` | Email text class |
|
|
381
|
+
| `groupedListClass` | string | `'d-flex flex-column gap-2 pb-2'` | Grouped list wrapper class |
|
|
382
|
+
| `loadingContainerClass` | string | `'d-flex justify-content-center py-2'` | Loading container class |
|
|
383
|
+
| `loadingIndicatorClass` | string | `'w-30 h-30'` | Loading indicator class |
|
|
384
|
+
| `employeeRowClass` | string | `'row g-0 w-100 align-items-center flex-nowrap'` | Employee row layout class |
|
|
385
|
+
| `employeeInfoColumnClass` | string | `'col-8 overflow-hidden pe-2'` | Employee info column class |
|
|
386
|
+
| `contactColumnClass` | string | `'col-4 d-flex justify-content-end'` | Contact column class |
|
|
366
387
|
|
|
367
388
|
### Output Events
|
|
368
389
|
- `isLoadingChanged: EventEmitter<boolean>` - Emitted when initial/reset loading state changes.
|