@skysoftware-co/bayan-hr-widgets-ui 1.0.20 → 1.0.22

package/README.md

@@ -344,6 +344,83 @@ The package also exports profile-focused widgets used in the employee profile pa
 - `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes.
 - `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
 
+## Profile Experiences Widget
+
+### Usage
+```html
+<hr-profile-experiences-widget
+  [baseUrl]="baseUrl"
+  (isLoadingChanged)="onExperiencesLoadingChanged($event)">
+</hr-profile-experiences-widget>
+```
+
+### Input Properties
+| Input | Type | Default Value | Description |
+|-------|------|---------------|-------------|
+| `baseUrl` | string | `''` | Base URL for API calls. |
+| `sectionTitle` | string | `'experiences'` | Section title translation key. |
+| `experienceIcon` | IconDefinition | `faUsersRays` | Header icon. |
+| `viewIcon` | IconDefinition | `faEye` | Attachment view icon. |
+| `downloadIcon` | IconDefinition | `faFolderArrowDown` | Attachment download icon. |
+| `headerIconClass` | string | `'primary-icon-xl'` | Header icon CSS class. |
+| `headerTextClass` | string | `'fs-16 mt-2 text-secondary'` | Header text CSS class. |
+| `headerDividerClass` | string | `'flex-grow-1 ms-2'` | Header divider CSS class. |
+| `rowClass` | string | `'row mt-4'` | Main row CSS class. |
+| `itemRowClass` | string | `'row col-10 mt-3'` | Experience row CSS class. |
+| `itemColumnClass` | string | `'col-3'` | Column CSS class. |
+| `labelClass` | string | `'field-secondary-label-sm'` | `hr-info-field` label CSS class. |
+| `valueClass` | string | `'text-dark-gray fs-14 text-ellipsis-one-line cursor-pointer'` | `hr-info-field` value CSS class. |
+| `actionsColumnClass` | string | `'col-2 mt-3'` | Attachment action column CSS class. |
+| `viewIconClass` | string | `'fs-15 text-dark cursor-pointer'` | View icon CSS class. |
+| `downloadIconClass` | string | `'fs-15 text-dark cursor-pointer mx-2'` | Download icon CSS class. |
+| `emptyStateContainerClass` | string | `'d-flex flex-column justify-content-center align-items-center my-5'` | Empty/loading container CSS class. |
+| `emptyStateTextClass` | string | `'field-secondary-label-md'` | Empty/loading text CSS class. |
+
+### Output Events
+- `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes.
+- `attachmentViewed: EventEmitter<any>` - Emitted when attachment view icon is clicked.
+- `attachmentDownloaded: EventEmitter<any>` - Emitted when attachment download icon is clicked.
+- `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
+
+## Profile Degrees Widget
+
+### Usage
+```html
+<hr-profile-degrees-widget
+  [baseUrl]="baseUrl"
+  (isLoadingChanged)="onDegreesLoadingChanged($event)">
+</hr-profile-degrees-widget>
+```
+
+### Input Properties
+| Input | Type | Default Value | Description |
+|-------|------|---------------|-------------|
+| `baseUrl` | string | `''` | Base URL for API calls. |
+| `sectionTitle` | string | `'degrees'` | Section title translation key. |
+| `degreesIcon` | IconDefinition | `faFileCertificate` | Header icon. |
+| `viewIcon` | IconDefinition | `faEye` | Attachment view icon. |
+| `downloadIcon` | IconDefinition | `faFolderArrowDown` | Attachment download icon. |
+| `headerIconClass` | string | `'primary-icon-xl'` | Header icon CSS class. |
+| `headerTextClass` | string | `'fs-16 mt-2 text-secondary'` | Header text CSS class. |
+| `headerDividerClass` | string | `'flex-grow-1 ms-2'` | Header divider CSS class. |
+| `rowClass` | string | `'row mt-4'` | Main row CSS class. |
+| `itemRowClass` | string | `'row col-10 mt-3'` | Degree row CSS class. |
+| `itemColumnClass` | string | `'col-3'` | Column CSS class. |
+| `labelClass` | string | `'field-secondary-label-sm'` | `hr-info-field` label CSS class. |
+| `valueClass` | string | `'text-dark-gray fs-14'` | `hr-info-field` main value CSS class. |
+| `valueEllipsisClass` | string | `'text-dark-gray fs-14 text-ellipsis-one-line cursor-pointer'` | `hr-info-field` ellipsis value CSS class. |
+| `actionsColumnClass` | string | `'col-2 align-items-end mt-3'` | Attachment action column CSS class. |
+| `viewIconClass` | string | `'fs-15 text-dark cursor-pointer'` | View icon CSS class. |
+| `downloadIconClass` | string | `'fs-15 mx-3 text-dark cursor-pointer'` | Download icon CSS class. |
+| `emptyStateContainerClass` | string | `'d-flex flex-column justify-content-center align-items-center my-5'` | Empty/loading container CSS class. |
+| `emptyStateTextClass` | string | `'field-secondary-label-md'` | Empty/loading text CSS class. |
+
+### Output Events
+- `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes.
+- `attachmentViewed: EventEmitter<any>` - Emitted when attachment view icon is clicked.
+- `attachmentDownloaded: EventEmitter<any>` - Emitted when attachment download icon is clicked.
+- `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
+
 ## Profile Personal Info Contact Widget
 
 ### Usage