@skysoftware-co/bayan-hr-widgets-ui 1.0.15 → 1.0.16

package/README.md

@@ -1,24 +1,24 @@
-# HRComponents
+# shared-ui
 
 This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 19.2.15.
 
 ## Code scaffolding
 
-Run `ng generate component component-name --project HRComponents` to generate a new component.
-You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project HRComponents`.
-> Note: Don't forget to add `--project HRComponents` or else it will be added to the default project in your `angular.json` file.
+Run `ng generate component component-name --project shared-ui` to generate a new component.
+You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project shared-ui`.
+> Note: Don't forget to add `--project shared-ui` or else it will be added to the default project in your `angular.json` file.
 
 ## Build
 
-Run `ng build HRComponents` to build the project. The build artifacts will be stored in the `dist/` directory.
+Run `ng build shared-ui` to build the project. The build artifacts will be stored in the `dist/` directory.
 
 ## Publishing
 
-After building your library with `ng build HRComponents`, go to the dist folder `cd dist/shared-ui` and run `npm publish`.
+After building your library with `ng build shared-ui`, go to the dist folder `cd dist/shared-ui` and run `npm publish`.
 
 ## Running unit tests
 
-Run `ng test HRComponents` to execute the unit tests via [Karma](https://karma-runner.github.io).
+Run `ng test shared-ui` to execute the unit tests via [Karma](https://karma-runner.github.io).
 
 ## Further help
 
@@ -37,7 +37,7 @@ This library depends on `@skysoftware-co/bayan-components-ui` package which prov
 - Employee Badge Component
 
 ## Installation
-use npm to install this package by command: @skysoftware-co/bayan-hr-components
+use npm to install this package by command: @skysoftware-co/bayan-hr-widgets-ui
 
 ## Setup
 
@@ -90,7 +90,7 @@ export class AppComponent { }
 
 ### Usage
 ```typescript
-import { HrConstantsService } from '@skysoftware-co/bayan-hr-components';
+import { HRConstantsService } from '@skysoftware-co/bayan-hr-widgets-ui';
 ```
 
 This service provides default constant values used across HR components, you can override them at runtime.
@@ -159,8 +159,8 @@ This component is used in Bayan HR system to show the employee main information
 | `daysLabel` | string | `'days'` | Days label text |
 | `yearsLabel` | string | `'Years'` | Years label text |
 | `monthsLabel` | string | `'Months'` | Months label text |
-| `defaultVacationBalanceColor` | string | from `HrConstantsService`: `'#727070'` | Default vacation balance color indicator |
-| `defaultVacationColor` | string | from `HrConstantsService`: `'#DCDCDC'` | Default vacation type color when no color assigned |
+| `defaultVacationBalanceColor` | string | from `HRConstantsService`: `'#727070'` | Default vacation balance color indicator |
+| `defaultVacationColor` | string | from `HRConstantsService`: `'#DCDCDC'` | Default vacation type color when no color assigned |
 | `baseUrl` | string | `''` | Base URL for API calls |
 | `isMobile` | boolean | `false` | Mobile responsive mode |
 | `isTablet` | boolean | `false` | Tablet responsive mode |
@@ -304,3 +304,347 @@ This component displays a "Next Week Vacation Insights" card showing two badges:
 - **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`
 
+## Profile Widgets
+
+The package also exports profile-focused widgets used in the employee profile page.
+
+## Profile Personal Info Main Widget
+
+### Usage
+```html
+<hr-profile-personal-info-main-widget
+  [baseUrl]="baseUrl"
+  (isLoadingChanged)="onMainLoadingChanged($event)">
+</hr-profile-personal-info-main-widget>
+```
+
+### Input Properties
+| Input | Type | Default Value | Description |
+|-------|------|---------------|-------------|
+| `baseUrl` | string | `''` | Base URL for API calls (required) |
+| `alternateLanguage` | string | `'English'` | Alternate language label next to employee alternate name |
+| `headerIconClass` | string | `'primary-icon-xl'` | Header icon CSS class |
+| `headerTextClass` | string | `'mt-2 field-secondary-label-lg'` | Header text CSS class |
+| `headerDividerClass` | string | `'flex-grow-1 ms-2'` | Header divider CSS class |
+| `rowClass` | string | `'row mt-4'` | Row container CSS class |
+| `columnClass` | string | `'col-md-4 col-6'` | Column CSS class |
+| `hiddenSpacerColClass` | string | `'col-md-4 col-6 d-md-block d-none'` | Hidden spacer column CSS class |
+| `topSpacingColumnClass` | string | `'col-md-4 col-6 mt-4'` | Top spacing column CSS class |
+| `topSpacingBottomMdSpacingColumnClass` | string | `'col-md-4 col-6 mt-4 mb-md-5'` | Top spacing + medium bottom spacing CSS class |
+| `topSpacingBottomSpacingColumnClass` | string | `'col-md-4 col-6 mt-4 mb-5'` | Top spacing + bottom spacing CSS class |
+| `labelClass` | string | `'field-secondary-label-sm'` | Label CSS class |
+| `valueClass` | string | `'fs-14 fw-medium'` | Value CSS class |
+| `mainIcon` | IconDefinition | `faMemoCircleInfo` | Header icon |
+| `sectionTitle` | string | `'main'` | Section title translation key |
+| `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.
+- `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
+
+## Profile Personal Info Contact Widget
+
+### Usage
+```html
+<hr-profile-personal-info-contact-widget
+  [baseUrl]="baseUrl"
+  [showEmergencyContact]="true"
+  (isLoadingChanged)="onContactLoadingChanged($event)">
+</hr-profile-personal-info-contact-widget>
+```
+
+### Input Properties
+| Input | Type | Default Value | Description |
+|-------|------|---------------|-------------|
+| `baseUrl` | string | `''` | Base URL for API calls (required) |
+| `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'` | Row container CSS class |
+| `columnClass` | string | `'col-md-4 col-6'` | Column CSS class |
+| `responsiveTopSpacingColumnClass` | string | `'col-md-4 col-6 mt-md-0 mt-4'` | Responsive top spacing column CSS class |
+| `topSpacingBottomMdSpacingColumnClass` | string | `'col-md-4 col-6 mt-4 mb-md-5'` | Top spacing + medium bottom spacing CSS class |
+| `topSpacingBottomSpacingColumnClass` | string | `'col-md-4 col-6 mt-4 mb-5'` | Top spacing + bottom spacing CSS class |
+| `labelClass` | string | `'field-secondary-label-sm'` | Label CSS class |
+| `valueClass` | string | `'fs-14 fw-medium'` | Value CSS class |
+| `emergencyContactLabelClass` | string | `'fs-14 fw-semi-bold'` | Emergency contact title 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 |
+| `contactIcon` | IconDefinition | `faPhone` | Header icon |
+| `emergencyContactIcon` | IconDefinition | `faBolt` | Emergency contact icon |
+| `sectionTitle` | string | `'contact'` | Section title translation key |
+| `showEmergencyContact` | boolean | `true` | Show emergency contact block |
+| `emergencyContactRowClass` | string | `'row mt-3 mb-4'` | Emergency contact row CSS class |
+
+### Output Events
+- `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes.
+- `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
+
+## Profile Personal Info Address Widget
+
+### Usage
+```html
+<hr-profile-personal-info-address-widget
+  [baseUrl]="baseUrl"
+  (isLoadingChanged)="onAddressLoadingChanged($event)">
+</hr-profile-personal-info-address-widget>
+```
+
+### Input Properties
+| Input | Type | Default Value | Description |
+|-------|------|---------------|-------------|
+| `baseUrl` | string | `''` | Base URL for API calls (required) |
+| `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'` | Row container CSS class |
+| `columnClass` | string | `'col-md-4 col-6'` | Column CSS class |
+| `responsiveTopSpacingColumnClass` | string | `'col-md-4 col-6 mt-md-0 mt-4'` | Responsive top spacing column CSS class |
+| `topSpacingBottomSpacingColumnClass` | string | `'col-md-4 col-6 mt-4 mb-5'` | Top spacing + bottom spacing CSS class |
+| `labelClass` | string | `'field-secondary-label-sm'` | Label CSS class |
+| `valueClass` | string | `'fs-14 fw-medium'` | Value CSS class |
+| `addressIcon` | IconDefinition | `faHouse` | Header icon |
+| `sectionTitle` | string | `'address'` | Section title translation key |
+| `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.
+- `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
+
+## Profile Personal Info Languages Widget
+
+### Usage
+```html
+<hr-profile-personal-info-languages-widget
+  [baseUrl]="baseUrl"
+  (hasDataChange)="onLanguagesDataChange($event)"
+  (isLoadingChanged)="onLanguagesLoadingChanged($event)">
+</hr-profile-personal-info-languages-widget>
+```
+
+### Input Properties
+| Input | Type | Default Value | Description |
+|-------|------|---------------|-------------|
+| `baseUrl` | string | `''` | Base URL for API calls |
+| `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 |
+| `contentTextClass` | string | `'text-dark-gray fs-14 fw-medium mt-4'` | Content text 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 |
+| `languagesIcon` | IconDefinition | `faLanguage` | Header icon |
+| `sectionTitle` | string | `'languages'` | Section title translation key |
+
+### Output Events
+- `hasDataChange: EventEmitter<boolean>` - Emitted when language list has data or not.
+- `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes.
+- `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
+
+## Profile Personal Info Other Nationalities Widget
+
+### Usage
+```html
+<hr-profile-personal-info-other-nationalities-widget
+  [baseUrl]="baseUrl"
+  (hasDataChange)="onOtherNationalitiesDataChange($event)"
+  (isLoadingChanged)="onOtherNationalitiesLoadingChanged($event)">
+</hr-profile-personal-info-other-nationalities-widget>
+```
+
+### Input Properties
+| Input | Type | Default Value | Description |
+|-------|------|---------------|-------------|
+| `baseUrl` | string | `''` | Base URL for API calls (required) |
+| `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 |
+| `contentTextClass` | string | `'text-dark-gray fs-14 fw-medium mt-4'` | Content text 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 |
+| `otherNationalitiesIcon` | IconDefinition | `faEarthAfrica` | Header icon |
+| `sectionTitle` | string | `'otherNationalities'` | Section title translation key |
+| `emptyStateTextKey` | string | `'ThereIsNoOtherNationalitiesYet'` | Empty state translation key |
+
+### Output Events
+- `hasDataChange: EventEmitter<boolean>` - Emitted when other nationalities list has data or not.
+- `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes.
+- `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
+
+## Profile Bank Information Widget
+
+### Usage
+```html
+<hr-profile-bank-info-widget
+  [baseUrl]="baseUrl"
+  [currencyCode]="currencyCode"
+  [currencyDecimals]="currencyDecimals"
+  (isLoadingChanged)="onBankLoadingChanged($event)">
+</hr-profile-bank-info-widget>
+```
+
+### Input Properties
+| Input | Type | Default Value | Description |
+|-------|------|---------------|-------------|
+| `baseUrl` | string | `''` | Base URL for API calls (required) |
+| `currencyCode` | string | `''` | Currency code shown with transfer amount |
+| `currencyDecimals` | number | `2` | Decimal precision for transfer amount formatting |
+| `headerIconClass` | string | `'primary-icon-xl'` | Header icon CSS class |
+| `headerTextClass` | string | `'mt-2 field-secondary-label-lg'` | Header text CSS class |
+| `headerDividerClass` | string | `'flex-grow-1 ms-2'` | Header divider CSS class |
+| `cardClass` | string | `'mt-4 card-shadow position-relative'` | Bank card container CSS class |
+| `mainBadgeClass` | string | `'position-absolute text-center top-0 mt-3 start-0 bg-primary status-badge'` | Main bank badge CSS class |
+| `mainBadgeTextClass` | string | `'mx-1 fs-12 text-white'` | Main bank badge text CSS class |
+| `triangleClass` | string | `'position-absolute start-0 top-0'` | Main bank badge triangle CSS class |
+| `rowClass` | string | `'row px-4 pb-3'` | Bank details row CSS class |
+| `rowMainPtClass` | string | `'pt-5'` | Top padding class for main bank row |
+| `rowNormalPtClass` | string | `'pt-3'` | Top padding class for normal bank row |
+| `columnClass` | string | `'col-md-4 col-6'` | Column CSS class |
+| `responsiveTopSpacingColClass` | string | `'col-md-4 col-6 mt-md-0 mt-4'` | Responsive top spacing column CSS class |
+| `topSpacingColClass` | string | `'col-md-4 col-6 mt-4'` | Top spacing column CSS class |
+| `labelClass` | string | `'field-secondary-label-sm'` | Label CSS class |
+| `valueClass` | string | `'table-cell-md'` | Value 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 |
+| `bankInformationIcon` | IconDefinition | `faMoneyCheckDollarPen` | Header icon |
+| `sectionHeaderVisibility` | boolean | `true` | Show or hide the section header |
+| `sectionTitle` | string | `'BankInformation'` | Section title translation key |
+| `language` | string | `'en'` | Language used for RTL behavior (`'ar'` enables RTL) |
+
+### Output Events
+- `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes.
+- `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
+
+## Profile Job Information Widgets
+
+## Profile Job Info Main Widget
+
+### Usage
+```html
+<hr-profile-job-info-main-widget
+  [baseUrl]="baseUrl"
+  (isLoadingChanged)="onJobMainLoadingChanged($event)">
+</hr-profile-job-info-main-widget>
+```
+
+### Input Properties
+| Input | Type | Default Value | Description |
+|-------|------|---------------|-------------|
+| `baseUrl` | string | `''` | Base URL for API calls (required) |
+| `headerIconClass` | string | `'primary-icon-xl'` | Header icon CSS class |
+| `headerTextClass` | string | `'mt-2 field-secondary-label-lg'` | Header text CSS class |
+| `headerDividerClass` | string | `'flex-grow-1 ms-2'` | Header divider CSS class |
+| `rowClass` | string | `'row mt-4'` | Row container CSS class |
+| `columnClass` | string | `'col-md-4 col-6'` | Column CSS class |
+| `responsiveTopSpacingColumnClass` | string | `'col-md-4 col-6 mt-md-0 mt-4'` | Responsive top spacing column CSS class |
+| `topSpacingBottomMdSpacingColumnClass` | string | `'col-md-4 col-6 mt-4 mb-md-5'` | Top spacing + medium bottom spacing CSS class |
+| `topSpacingBottomSpacingColumnClass` | string | `'col-md-4 col-6 mt-4 mb-5'` | Top spacing + bottom spacing CSS class |
+| `labelClass` | string | `'field-secondary-label-sm'` | Label CSS class |
+| `valueClass` | string | `'fs-14 fw-medium'` | Value 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 |
+| `sectionTitle` | string | `'Main'` | Section title translation key |
+
+### Output Events
+- `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes.
+- `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
+
+## Profile Job Info Contract Widget
+
+### Usage
+```html
+<hr-profile-job-info-contract-widget
+  [baseUrl]="baseUrl"
+  (isLoadingChanged)="onJobContractLoadingChanged($event)">
+</hr-profile-job-info-contract-widget>
+```
+
+### Input Properties
+| Input | Type | Default Value | Description |
+|-------|------|---------------|-------------|
+| `baseUrl` | string | `''` | Base URL for API calls (required) |
+| `headerIconClass` | string | `'primary-icon-xl'` | Header icon CSS class |
+| `headerTextClass` | string | `'mt-2 field-secondary-label-lg'` | Header text CSS class |
+| `headerDividerClass` | string | `'flex-grow-1 ms-2'` | Header divider CSS class |
+| `rowClass` | string | `'row mt-4'` | Row container CSS class |
+| `columnClass` | string | `'col-md-4 col-6'` | Column CSS class |
+| `responsiveTopSpacingColumnClass` | string | `'col-md-4 col-6 mt-md-0 mt-4'` | Responsive top spacing column CSS class |
+| `topSpacingBottomMdSpacingColumnClass` | string | `'col-md-4 col-6 mt-4 mb-md-5'` | Top spacing + medium bottom spacing CSS class |
+| `topSpacingBottomSpacingColumnClass` | string | `'col-md-4 col-6 mt-4 mb-5'` | Top spacing + bottom spacing CSS class |
+| `labelClass` | string | `'field-secondary-label-sm'` | Label CSS class |
+| `valueClass` | string | `'fs-14 fw-medium text-ellipsis-one-line'` | Value 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 |
+| `sectionTitle` | string | `'Contract'` | Section title translation key |
+
+### Output Events
+- `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes.
+- `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
+
+## Profile Job Info Salary Widget
+
+### Usage
+```html
+<hr-profile-job-info-salary-widget
+  [baseUrl]="baseUrl"
+  [currencyCode]="currencyCode"
+  [currencyDecimals]="currencyDecimals"
+  (isLoadingChanged)="onJobSalaryLoadingChanged($event)">
+</hr-profile-job-info-salary-widget>
+```
+
+### Input Properties
+| Input | Type | Default Value | Description |
+|-------|------|---------------|-------------|
+| `baseUrl` | string | `''` | Base URL for API calls (required) |
+| `currencyCode` | string | `''` | Currency code shown with salary amounts |
+| `currencyDecimals` | number | `2` | Decimal precision for salary amount formatting |
+| `headerIconClass` | string | `'primary-icon-xl'` | Header icon CSS class |
+| `headerTextClass` | string | `'mt-2 field-secondary-label-lg'` | Header text CSS class |
+| `headerDividerClass` | string | `'flex-grow-1 ms-2'` | Header divider CSS class |
+| `rowClass` | string | `'row mt-4'` | Row container CSS class |
+| `columnClass` | string | `'col-md-4 col-6 mt-4'` | Column CSS class |
+| `grossSalaryColumnClass` | string | `'col-md-4 col-6 my-4'` | Gross salary column CSS class |
+| `labelClass` | string | `'field-secondary-label-sm'` | Label CSS class |
+| `valueClass` | string | `'fs-14 fw-medium'` | Value CSS class |
+| `currencyClass` | string | `'fs-10 text-secondary fw-light'` | Currency text 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 |
+| `sectionTitle` | string | `'Salary'` | Section title translation key |
+
+### Output Events
+- `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes.
+- `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
+
+## Profile Job Info Service Charge Widget
+
+### Usage
+```html
+<hr-profile-job-info-service-charge-widget
+  [baseUrl]="baseUrl"
+  [currencyCode]="currencyCode"
+  (isLoadingChanged)="onJobServiceChargeLoadingChanged($event)">
+</hr-profile-job-info-service-charge-widget>
+```
+
+### Input Properties
+| Input | Type | Default Value | Description |
+|-------|------|---------------|-------------|
+| `baseUrl` | string | `''` | Base URL for API calls (required) |
+| `currencyCode` | string | `''` | Currency code shown when entitlement mode is fixed amount |
+| `headerIconClass` | string | `'primary-icon-xl'` | Header icon CSS class |
+| `headerTextClass` | string | `'mt-2 field-secondary-label-lg'` | Header text CSS class |
+| `headerDividerClass` | string | `'flex-grow-1 ms-2'` | Header divider CSS class |
+| `rowClass` | string | `'row mt-4 mb-5'` | Row container CSS class |
+| `columnClass` | string | `'col-md-4 col-6'` | Column CSS class |
+| `labelClass` | string | `'field-secondary-label-sm'` | Label CSS class |
+| `valueClass` | string | `'fs-14 fw-medium'` | Value 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 |
+| `sectionTitle` | string | `'ServiceCharge'` | Section title translation key |
+
+### Output Events
+- `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes.
+- `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
+