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

package/fesm2022/skysoftware-co-bayan-hr-widgets-ui.mjs

@@ -11,7 +11,7 @@ import { SkyShortcutIconComponent, SkySectionDividerComponent, SkyEmptyDesignCar
 import * as i1 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
 import { map, shareReplay, catchError, throwError, lastValueFrom } from 'rxjs';
-import { faCakeCandles, faTreePalm, faCalendarStar, faMoneyCheckDollarPen, faMemoCircleInfo, faPhone, faBolt, faLanguage, faEarthAfrica, faHouse, faFileSignature, faSackDollar, faEnvelopeOpenDollar, faXmark } from '@fortawesome/pro-light-svg-icons';
+import { faCakeCandles, faTreePalm, faCalendarStar, faMemoCircleInfo, faPhone, faBolt, faLanguage, faEarthAfrica, faHouse, faXmark } from '@fortawesome/pro-light-svg-icons';
 import * as i2 from 'devextreme-angular/core';
 import { faCircle, faCalendarDays } from '@fortawesome/pro-regular-svg-icons';
 import moment from 'moment';
@@ -1004,19 +1004,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 }]
         }] });
 
+class QualificationsCacheService {
+    baseUrl = '';
+    degrees$ = null;
+    experiences$ = null;
+    getDegrees(baseUrl) {
+        return this.baseUrl === baseUrl ? this.degrees$ : null;
+    }
+    setDegrees(baseUrl, value) {
+        this.ensureBaseUrl(baseUrl);
+        this.degrees$ = value;
+    }
+    getExperiences(baseUrl) {
+        return this.baseUrl === baseUrl ? this.experiences$ : null;
+    }
+    setExperiences(baseUrl, value) {
+        this.ensureBaseUrl(baseUrl);
+        this.experiences$ = value;
+    }
+    clear() {
+        this.baseUrl = '';
+        this.degrees$ = null;
+        this.experiences$ = null;
+    }
+    ensureBaseUrl(baseUrl) {
+        if (this.baseUrl && this.baseUrl !== baseUrl) {
+            this.clear();
+        }
+        this.baseUrl = baseUrl;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: QualificationsCacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: QualificationsCacheService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: QualificationsCacheService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
 class HRSelfWidgetsService {
     http;
     bankInformationCacheService;
     entitlementsCacheService;
     jobInformationCacheService;
     personalInformationCacheService;
+    qualificationsCacheService;
     headers = { 'api-version': '1' };
-    constructor(http, bankInformationCacheService, entitlementsCacheService, jobInformationCacheService, personalInformationCacheService) {
+    constructor(http, bankInformationCacheService, entitlementsCacheService, jobInformationCacheService, personalInformationCacheService, qualificationsCacheService) {
         this.http = http;
         this.bankInformationCacheService = bankInformationCacheService;
         this.entitlementsCacheService = entitlementsCacheService;
         this.jobInformationCacheService = jobInformationCacheService;
         this.personalInformationCacheService = personalInformationCacheService;
+        this.qualificationsCacheService = qualificationsCacheService;
     }
     getMainDetails(baseUrl) {
         return this.http.get(`${baseUrl}/hr/widgets/me/main-details`, {
@@ -1233,7 +1274,7 @@ class HRSelfWidgetsService {
             headers: this.headers
         });
     }
-    getEntitlementsVacation(baseUrl, forceRefresh = false) {
+    getEntitlementsVacations(baseUrl, forceRefresh = false) {
         if (!forceRefresh) {
             const cachedRequest$ = this.entitlementsCacheService.getVacationDetails(baseUrl);
             if (cachedRequest$) {
@@ -1305,7 +1346,38 @@ class HRSelfWidgetsService {
         this.entitlementsCacheService.setMedicalInsuranceDetails(baseUrl, request$);
         return request$;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: HRSelfWidgetsService, deps: [{ token: i1.HttpClient }, { token: BankInformationCacheService }, { token: EntitlementsCacheService }, { token: JobInformationCacheService }, { token: PersonalInformationCacheService }], target: i0.ɵɵFactoryTarget.Injectable });
+    getEmployeeDegrees(baseUrl, forceRefresh = false) {
+        if (!forceRefresh) {
+            const cachedRequest$ = this.qualificationsCacheService.getDegrees(baseUrl);
+            if (cachedRequest$) {
+                return cachedRequest$;
+            }
+        }
+        const request$ = this.http
+            .get(`${baseUrl}/hr/widgets/me/profile/personal-information/degrees`, { headers: this.headers })
+            .pipe(map((response) => response?.ResponseData ?? []), shareReplay(1), catchError((error) => {
+            this.qualificationsCacheService.clear();
+            return throwError(() => error);
+        }));
+        this.qualificationsCacheService.setDegrees(baseUrl, request$);
+        return request$;
+    }
+    getEmployeeExperiences(baseUrl, forceRefresh = false) {
+        if (!forceRefresh) {
+            const cached = this.qualificationsCacheService.getExperiences(baseUrl);
+            if (cached)
+                return cached;
+        }
+        const request$ = this.http
+            .get(`${baseUrl}/hr/widgets/me/profile/qualifications/experiences`, { headers: this.headers })
+            .pipe(map(res => res?.ResponseData ?? []), shareReplay(1), catchError((error) => {
+            this.qualificationsCacheService.clear();
+            return throwError(() => error);
+        }));
+        this.qualificationsCacheService.setExperiences(baseUrl, request$);
+        return request$;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: HRSelfWidgetsService, deps: [{ token: i1.HttpClient }, { token: BankInformationCacheService }, { token: EntitlementsCacheService }, { token: JobInformationCacheService }, { token: PersonalInformationCacheService }, { token: QualificationsCacheService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: HRSelfWidgetsService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: HRSelfWidgetsService, decorators: [{
@@ -1313,7 +1385,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: BankInformationCacheService }, { type: EntitlementsCacheService }, { type: JobInformationCacheService }, { type: PersonalInformationCacheService }] });
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: BankInformationCacheService }, { type: EntitlementsCacheService }, { type: JobInformationCacheService }, { type: PersonalInformationCacheService }, { type: QualificationsCacheService }] });
 
 class HRConstantsService {
     defaultVacationBalanceColor = '#727070';
@@ -2176,6 +2248,7 @@ class MyCalendarWidgetComponent {
     selfWidgetsService;
     baseUrl = '';
     headerContainerClass = '';
+    datasource = null;
     isLoadingChanged = new EventEmitter();
     calendarIcon = faCalendarDays;
     legendContainerClass = 'row mb-2';
@@ -2198,17 +2271,29 @@ class MyCalendarWidgetComponent {
     eventsColor = this.constants.defaultEventsColor;
     hrCalendar;
     scheduleCalenderVacation = [];
-    minDate = new Date();
+    minDate;
     maxDate;
+    baseCalendarData = [];
+    hrVacations = [];
+    calendarLoaded = false;
     constructor(selfWidgetsService) {
         this.selfWidgetsService = selfWidgetsService;
-        const currentDate = moment().date(1).subtract(1, 'month');
-        this.minDate = new Date(currentDate.year(), currentDate.month(), currentDate.date());
-        this.maxDate = new Date(this.minDate.getFullYear() + 1, this.minDate.getMonth() + 1, 0);
+        this.initDateRange();
     }
     ngOnInit() {
         this.loadCalendar();
     }
+    ngOnChanges(changes) {
+        if (changes['datasource'] && this.datasource && this.calendarLoaded) {
+            this.buildCalendarData();
+            this.refreshCalendar();
+        }
+    }
+    initDateRange() {
+        const currentDate = moment().date(1).subtract(1, 'month');
+        this.minDate = new Date(currentDate.year(), currentDate.month(), currentDate.date());
+        this.maxDate = new Date(this.minDate.getFullYear() + 1, this.minDate.getMonth() + 1, 0);
+    }
     getCalendar(month, year, monthsCount) {
         return this.selfWidgetsService.getCalendar(this.baseUrl, month, year, monthsCount);
     }
@@ -2222,46 +2307,54 @@ class MyCalendarWidgetComponent {
                 this.isLoadingChanged.emit(false);
                 this.mapCalendarData(response.ResponseData);
             },
-            error: (error) => {
+            error: () => {
                 this.isLoadingChanged.emit(false);
             },
         });
     }
     mapCalendarData(data) {
-        const result = [];
-        for (const v of data.Vacations) {
-            result.push({
-                VacationType: ScheduleVacationTypes.Vacations,
-                Description: v.VacationTypeName,
-                Color: v.Color,
-                VacationDays: { StartDate: v.StartDate, EndDate: v.EndDate }
-            });
-        }
-        for (const ph of data.PublicHolidays) {
-            result.push({
+        this.baseCalendarData = [
+            ...data.PublicHolidays.map(ph => ({
                 VacationType: ScheduleVacationTypes.PublicHoliday,
                 Description: ph.Description,
                 Color: this.publicHolidayColor,
                 VacationDays: { StartDate: ph.StartDate, EndDate: ph.EndDate }
-            });
-        }
-        for (const od of data.OffDays) {
-            result.push({
+            })),
+            ...data.OffDays.map(od => ({
                 VacationType: ScheduleVacationTypes.DaysOff,
                 Description: this.translatePipe.transform('DayOff'),
                 Color: this.dayOffColor,
                 VacationDays: { StartDate: od, EndDate: od }
-            });
-        }
-        for (const ev of data.Events) {
-            result.push({
-                VacationType: ScheduleVacationTypes.Events,
-                Description: ev.Description,
-                Color: this.eventsColor,
-                VacationDays: { StartDate: ev.StartDate, EndDate: ev.EndDate }
-            });
-        }
-        this.scheduleCalenderVacation = result;
+            }))
+        ];
+        this.hrVacations = (data.Vacations ?? []).map(v => ({
+            VacationType: ScheduleVacationTypes.Vacations,
+            Description: v.VacationTypeName,
+            Color: v.Color,
+            VacationDays: { StartDate: v.StartDate, EndDate: v.EndDate }
+        }));
+        this.calendarLoaded = true;
+        this.buildCalendarData();
+        this.refreshCalendar();
+    }
+    buildCalendarData() {
+        const pendingVacations = this.datasource?.PendingVacationRequests?.map(v => ({
+            VacationType: ScheduleVacationTypes.Vacations,
+            Description: v.VacationTypeName,
+            Color: v.Color,
+            VacationDays: { StartDate: v.StartDate, EndDate: v.EndDate }
+        })) ?? [];
+        const mergedVacations = this.mergeConsecutiveVacations([...this.hrVacations, ...pendingVacations]
+            .sort((a, b) => new Date(a.VacationDays.StartDate).getTime() - new Date(b.VacationDays.StartDate).getTime()));
+        const events = this.datasource?.PendingEventRequests?.map(ev => ({
+            VacationType: ScheduleVacationTypes.Events,
+            Description: ev.Description,
+            Color: this.eventsColor,
+            VacationDays: { StartDate: ev.StartDate, EndDate: ev.EndDate }
+        })) ?? [];
+        this.scheduleCalenderVacation = [...mergedVacations, ...this.baseCalendarData, ...events];
+    }
+    refreshCalendar() {
         setTimeout(() => {
             if (this.hrCalendar?.calendar) {
                 this.hrCalendar.calendar.instance._refresh();
@@ -2269,8 +2362,42 @@ class MyCalendarWidgetComponent {
             }
         }, 100);
     }
+    mergeConsecutiveVacations(vacations) {
+        if (vacations.length === 0)
+            return [];
+        const grouped = new Map();
+        for (const v of vacations) {
+            const key = `${v.Description}|${v.Color ?? ''}`;
+            if (!grouped.has(key))
+                grouped.set(key, []);
+            grouped.get(key).push(v);
+        }
+        const result = [];
+        grouped.forEach((items) => {
+            items.sort((a, b) => new Date(a.VacationDays.StartDate).getTime() - new Date(b.VacationDays.StartDate).getTime());
+            let merged = { ...items[0], VacationDays: { ...items[0].VacationDays } };
+            for (let i = 1; i < items.length; i++) {
+                const current = items[i];
+                const lastEnd = new Date(merged.VacationDays.EndDate);
+                const currentStart = new Date(current.VacationDays.StartDate);
+                const diffDays = (currentStart.getTime() - lastEnd.getTime()) / (1000 * 60 * 60 * 24);
+                if (diffDays <= 1) {
+                    const currentEnd = new Date(current.VacationDays.EndDate);
+                    if (currentEnd.getTime() > lastEnd.getTime()) {
+                        merged.VacationDays.EndDate = current.VacationDays.EndDate;
+                    }
+                }
+                else {
+                    result.push(merged);
+                    merged = { ...current, VacationDays: { ...current.VacationDays } };
+                }
+            }
+            result.push(merged);
+        });
+        return result.sort((a, b) => new Date(a.VacationDays.StartDate).getTime() - new Date(b.VacationDays.StartDate).getTime());
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: MyCalendarWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: MyCalendarWidgetComponent, isStandalone: true, selector: "hr-my-calendar-widget", inputs: { baseUrl: "baseUrl", headerContainerClass: "headerContainerClass", legendContainerClass: "legendContainerClass", legendRowClass: "legendRowClass", legendItemClass: "legendItemClass", legendDotClass: "legendDotClass", legendLabelClass: "legendLabelClass", publicHolidayDotClass: "publicHolidayDotClass", dayOffDotClass: "dayOffDotClass", eventsDotClass: "eventsDotClass", vacationsContainerClass: "vacationsContainerClass", vacationsItemClass: "vacationsItemClass", vacationsIconClass: "vacationsIconClass", calendarContainerClass: "calendarContainerClass", calendarClass: "calendarClass", publicHolidayColor: "publicHolidayColor", dayOffColor: "dayOffColor", eventsColor: "eventsColor" }, outputs: { isLoadingChanged: "isLoadingChanged" }, viewQueries: [{ propertyName: "hrCalendar", first: true, predicate: HREmployeeCalendarComponent, descendants: true }], ngImport: i0, template: "<hr-card-header\r\n  [icon]=\"calendarIcon\"\r\n  [title]=\"'Calendar' | HRTranslate\"\r\n  [containerClass]=\"'d-flex align-items-center mb-3 ' + headerContainerClass\">\r\n</hr-card-header>\r\n<hr-employee-calendar\r\n  [showEvents]=\"true\"\r\n  [showUpComingVacations]=\"true\"\r\n  [scheduleCalenderVacation]=\"scheduleCalenderVacation\"\r\n  [minDate]=\"minDate\"\r\n  [maxDate]=\"maxDate\"\r\n  [legendContainerClass]=\"legendContainerClass\"\r\n  [legendRowClass]=\"legendRowClass\"\r\n  [legendItemClass]=\"legendItemClass\"\r\n  [legendDotClass]=\"legendDotClass\"\r\n  [legendLabelClass]=\"legendLabelClass\"\r\n  [publicHolidayDotClass]=\"publicHolidayDotClass\"\r\n  [dayOffDotClass]=\"dayOffDotClass\"\r\n  [eventsDotClass]=\"eventsDotClass\"\r\n  [vacationsContainerClass]=\"vacationsContainerClass\"\r\n  [vacationsItemClass]=\"vacationsItemClass\"\r\n  [vacationsIconClass]=\"vacationsIconClass\"\r\n  [calendarContainerClass]=\"calendarContainerClass\"\r\n  [calendarClass]=\"calendarClass\">\r\n</hr-employee-calendar>\r\n", dependencies: [{ kind: "component", type: HREmployeeCalendarComponent, selector: "hr-employee-calendar", inputs: ["showEvents", "showUpComingVacations", "scheduleCalenderVacation", "minDate", "maxDate", "legendContainerClass", "legendRowClass", "legendItemClass", "legendDotClass", "legendLabelClass", "publicHolidayDotClass", "dayOffDotClass", "eventsDotClass", "vacationsContainerClass", "vacationsItemClass", "vacationsIconClass", "calendarContainerClass", "calendarClass"] }, { kind: "component", type: HRCardHeaderComponent, selector: "hr-card-header", inputs: ["icon", "title", "containerClass", "iconClass", "titleClass"] }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: MyCalendarWidgetComponent, isStandalone: true, selector: "hr-my-calendar-widget", inputs: { baseUrl: "baseUrl", headerContainerClass: "headerContainerClass", datasource: "datasource", legendContainerClass: "legendContainerClass", legendRowClass: "legendRowClass", legendItemClass: "legendItemClass", legendDotClass: "legendDotClass", legendLabelClass: "legendLabelClass", publicHolidayDotClass: "publicHolidayDotClass", dayOffDotClass: "dayOffDotClass", eventsDotClass: "eventsDotClass", vacationsContainerClass: "vacationsContainerClass", vacationsItemClass: "vacationsItemClass", vacationsIconClass: "vacationsIconClass", calendarContainerClass: "calendarContainerClass", calendarClass: "calendarClass", publicHolidayColor: "publicHolidayColor", dayOffColor: "dayOffColor", eventsColor: "eventsColor" }, outputs: { isLoadingChanged: "isLoadingChanged" }, viewQueries: [{ propertyName: "hrCalendar", first: true, predicate: HREmployeeCalendarComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<hr-card-header\r\n  [icon]=\"calendarIcon\"\r\n  [title]=\"'Calendar' | HRTranslate\"\r\n  [containerClass]=\"'d-flex align-items-center mb-3 ' + headerContainerClass\">\r\n</hr-card-header>\r\n<hr-employee-calendar\r\n  [showEvents]=\"true\"\r\n  [showUpComingVacations]=\"true\"\r\n  [scheduleCalenderVacation]=\"scheduleCalenderVacation\"\r\n  [minDate]=\"minDate\"\r\n  [maxDate]=\"maxDate\"\r\n  [legendContainerClass]=\"legendContainerClass\"\r\n  [legendRowClass]=\"legendRowClass\"\r\n  [legendItemClass]=\"legendItemClass\"\r\n  [legendDotClass]=\"legendDotClass\"\r\n  [legendLabelClass]=\"legendLabelClass\"\r\n  [publicHolidayDotClass]=\"publicHolidayDotClass\"\r\n  [dayOffDotClass]=\"dayOffDotClass\"\r\n  [eventsDotClass]=\"eventsDotClass\"\r\n  [vacationsContainerClass]=\"vacationsContainerClass\"\r\n  [vacationsItemClass]=\"vacationsItemClass\"\r\n  [vacationsIconClass]=\"vacationsIconClass\"\r\n  [calendarContainerClass]=\"calendarContainerClass\"\r\n  [calendarClass]=\"calendarClass\">\r\n</hr-employee-calendar>\r\n", dependencies: [{ kind: "component", type: HREmployeeCalendarComponent, selector: "hr-employee-calendar", inputs: ["showEvents", "showUpComingVacations", "scheduleCalenderVacation", "minDate", "maxDate", "legendContainerClass", "legendRowClass", "legendItemClass", "legendDotClass", "legendLabelClass", "publicHolidayDotClass", "dayOffDotClass", "eventsDotClass", "vacationsContainerClass", "vacationsItemClass", "vacationsIconClass", "calendarContainerClass", "calendarClass"] }, { kind: "component", type: HRCardHeaderComponent, selector: "hr-card-header", inputs: ["icon", "title", "containerClass", "iconClass", "titleClass"] }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: MyCalendarWidgetComponent, decorators: [{
             type: Component,
@@ -2279,6 +2406,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Input
             }], headerContainerClass: [{
                 type: Input
+            }], datasource: [{
+                type: Input
             }], isLoadingChanged: [{
                 type: Output
             }], legendContainerClass: [{
@@ -2343,130 +2472,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Input
             }] } });
 
-class ProfileBankInfoWidgetComponent {
-    commonMethodsService;
-    hrSelfWidgetsService;
-    isLoading = true;
-    constructor(commonMethodsService, hrSelfWidgetsService) {
-        this.commonMethodsService = commonMethodsService;
-        this.hrSelfWidgetsService = hrSelfWidgetsService;
-    }
-    ngOnInit() {
-        this.isLoadingChanged.emit(true);
-        this.hrSelfWidgetsService.getBankInformation(this.baseUrl).subscribe({
-            next: (response) => {
-                this.isLoading = false;
-                this.employeeBankInformation = response ?? [];
-                this.isLoadingChanged.emit(false);
-            },
-            error: (error) => {
-                this.isLoading = false;
-                this.employeeBankInformation = [];
-                this.isLoadingChanged.emit(false);
-                this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
-            }
-        });
-    }
-    employeeBankInformation = [];
-    currencyCode = '';
-    currencyDecimals = 2;
-    headerIconClass = 'primary-icon-xl';
-    headerTextClass = 'mt-2 field-secondary-label-lg';
-    headerDividerClass = 'flex-grow-1 ms-2';
-    cardClass = 'mt-4 card-shadow position-relative';
-    mainBadgeClass = 'position-absolute text-center top-0 mt-3 start-0 bg-primary status-badge';
-    mainBadgeTextClass = 'mx-1 fs-12 text-white';
-    triangleClass = 'position-absolute start-0 top-0';
-    rowClass = 'row px-4 pb-3';
-    rowMainPtClass = 'pt-5';
-    rowNormalPtClass = 'pt-3';
-    columnClass = 'col-md-4 col-6';
-    responsiveTopSpacingColClass = 'col-md-4 col-6 mt-md-0 mt-4';
-    topSpacingColClass = 'col-md-4 col-6 mt-4';
-    labelClass = 'field-secondary-label-sm';
-    valueClass = 'table-cell-md text-ellipsis-one-line';
-    emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
-    emptyStateTextClass = 'field-secondary-label-md';
-    bankInformationIcon = faMoneyCheckDollarPen;
-    sectionHeaderVisibility = true;
-    sectionTitle = 'BankInformation';
-    language = 'en';
-    baseUrl = '';
-    errorOccurred = new EventEmitter();
-    isRTL = this.language === 'ar';
-    isLoadingChanged = new EventEmitter();
-    ngOnChanges(changes) {
-        if (changes['language']) {
-            this.isRTL = this.language === 'ar';
-        }
-    }
-    formatAmount(value) {
-        if (value == null) {
-            return '-';
-        }
-        return this.commonMethodsService.currencyDecimalFormat(value, this.currencyDecimals) || '-';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileBankInfoWidgetComponent, deps: [{ token: HRCommonMethodsService }, { token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileBankInfoWidgetComponent, isStandalone: true, selector: "hr-profile-bank-info-widget", inputs: { currencyCode: "currencyCode", currencyDecimals: "currencyDecimals", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", cardClass: "cardClass", mainBadgeClass: "mainBadgeClass", mainBadgeTextClass: "mainBadgeTextClass", triangleClass: "triangleClass", rowClass: "rowClass", rowMainPtClass: "rowMainPtClass", rowNormalPtClass: "rowNormalPtClass", columnClass: "columnClass", responsiveTopSpacingColClass: "responsiveTopSpacingColClass", topSpacingColClass: "topSpacingColClass", labelClass: "labelClass", valueClass: "valueClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", bankInformationIcon: "bankInformationIcon", sectionHeaderVisibility: "sectionHeaderVisibility", sectionTitle: "sectionTitle", language: "language", baseUrl: "baseUrl" }, outputs: { errorOccurred: "errorOccurred", isLoadingChanged: "isLoadingChanged" }, usesOnChanges: true, ngImport: i0, template: "@if(sectionHeaderVisibility){\r\n<sky-section-divider [fontAwesomeIcon]=\"bankInformationIcon\"\r\n                     [text]=\"(sectionTitle | HRTranslate|uppercase)\"\r\n                     [iconClass]=\"headerIconClass\"\r\n                     [textClass]=\"headerTextClass\"\r\n                     [dividerClass]=\"headerDividerClass\">\r\n</sky-section-divider>\r\n}\r\n@if(employeeBankInformation.length > 0){\r\n@for (bankInfo of employeeBankInformation; track bankInfo){\r\n<div [class]=\"cardClass\">\r\n  @if(bankInfo.IsMainBank && employeeBankInformation.length > 1){\r\n  <div [class]=\"mainBadgeClass\"\r\n       style=\"padding-top: 2px\"\r\n       [style.margin-left]=\"!isRTL ? '-6px' : 'unset'\">\r\n    <span [class]=\"mainBadgeTextClass\">{{'MainBank' | HRTranslate}}</span>\r\n  </div>\r\n\r\n  <div [class]=\"triangleClass\"\r\n       [style.margin-left]=\"!isRTL ? '-6px' : 'unset'\"\r\n       [style.margin-right]=\"isRTL ? '-5px' : '20px'\"\r\n       [style.margin-top]=\"!isRTL ? '7px' : '4px'\">\r\n    <svg viewBox=\"4 2 16 16\" class=\"status-badge-triangle\" fill=\"#e67e0f\">\r\n      <path d=\"m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z\"></path>\r\n    </svg>\r\n  </div>\r\n  }\r\n\r\n  <div [ngClass]=\"[rowClass, bankInfo.IsMainBank ? rowMainPtClass : rowNormalPtClass]\">\r\n    <div [class]=\"columnClass\">\r\n      <hr-info-field [labelKey]=\"'Bank'\"\r\n                     [value]=\"bankInfo.BankName\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n    <div [class]=\"columnClass\">\r\n      <hr-info-field [labelKey]=\"'Branch'\"\r\n                     [value]=\"bankInfo.BranchName\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n    <div [class]=\"responsiveTopSpacingColClass\">\r\n      <hr-info-field [labelKey]=\"'IBAN'\"\r\n                     [value]=\"bankInfo.IBAN\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n    <div [class]=\"topSpacingColClass\">\r\n      <hr-info-field [labelKey]=\"'AccountNumber'\"\r\n                     [value]=\"bankInfo.AccountNumber\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n    <div [class]=\"topSpacingColClass\">\r\n      <hr-info-field [labelKey]=\"'Beneficiary'\"\r\n                     [value]=\"bankInfo.Beneficiary\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n    @if(bankInfo.TransferAmount != null){\r\n    <div [class]=\"topSpacingColClass\">\r\n      <hr-info-field [labelKey]=\"'TransferAmount'\"\r\n                     [value]=\"formatAmount(bankInfo.TransferAmount) + ' (' + currencyCode + ')'\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueClass\">\r\n      </hr-info-field>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n}\r\n}@else{\r\n<sky-empty-design-card [visibleIcon]=\"false\"\r\n                       [visibleQuickAction]=\"false\"\r\n                       [containerClass]=\"emptyStateContainerClass\"\r\n                       [cardBodyClass]=\"''\"\r\n                       [cardBodyContainerClass]=\"''\"\r\n                       [emptyTextClass]=\"emptyStateTextClass\"\r\n                       [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoBankYet' | HRTranslate)\">\r\n</sky-empty-design-card>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "component", type: HRInfoFieldComponent, selector: "hr-info-field", inputs: ["labelKey", "value", "labelClass", "valueClass", "fallbackValue"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileBankInfoWidgetComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'hr-profile-bank-info-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, SkyEmptyDesignCardComponent, HRInfoFieldComponent], template: "@if(sectionHeaderVisibility){\r\n<sky-section-divider [fontAwesomeIcon]=\"bankInformationIcon\"\r\n                     [text]=\"(sectionTitle | HRTranslate|uppercase)\"\r\n                     [iconClass]=\"headerIconClass\"\r\n                     [textClass]=\"headerTextClass\"\r\n                     [dividerClass]=\"headerDividerClass\">\r\n</sky-section-divider>\r\n}\r\n@if(employeeBankInformation.length > 0){\r\n@for (bankInfo of employeeBankInformation; track bankInfo){\r\n<div [class]=\"cardClass\">\r\n  @if(bankInfo.IsMainBank && employeeBankInformation.length > 1){\r\n  <div [class]=\"mainBadgeClass\"\r\n       style=\"padding-top: 2px\"\r\n       [style.margin-left]=\"!isRTL ? '-6px' : 'unset'\">\r\n    <span [class]=\"mainBadgeTextClass\">{{'MainBank' | HRTranslate}}</span>\r\n  </div>\r\n\r\n  <div [class]=\"triangleClass\"\r\n       [style.margin-left]=\"!isRTL ? '-6px' : 'unset'\"\r\n       [style.margin-right]=\"isRTL ? '-5px' : '20px'\"\r\n       [style.margin-top]=\"!isRTL ? '7px' : '4px'\">\r\n    <svg viewBox=\"4 2 16 16\" class=\"status-badge-triangle\" fill=\"#e67e0f\">\r\n      <path d=\"m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z\"></path>\r\n    </svg>\r\n  </div>\r\n  }\r\n\r\n  <div [ngClass]=\"[rowClass, bankInfo.IsMainBank ? rowMainPtClass : rowNormalPtClass]\">\r\n    <div [class]=\"columnClass\">\r\n      <hr-info-field [labelKey]=\"'Bank'\"\r\n                     [value]=\"bankInfo.BankName\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n    <div [class]=\"columnClass\">\r\n      <hr-info-field [labelKey]=\"'Branch'\"\r\n                     [value]=\"bankInfo.BranchName\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n    <div [class]=\"responsiveTopSpacingColClass\">\r\n      <hr-info-field [labelKey]=\"'IBAN'\"\r\n                     [value]=\"bankInfo.IBAN\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n    <div [class]=\"topSpacingColClass\">\r\n      <hr-info-field [labelKey]=\"'AccountNumber'\"\r\n                     [value]=\"bankInfo.AccountNumber\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n    <div [class]=\"topSpacingColClass\">\r\n      <hr-info-field [labelKey]=\"'Beneficiary'\"\r\n                     [value]=\"bankInfo.Beneficiary\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n    @if(bankInfo.TransferAmount != null){\r\n    <div [class]=\"topSpacingColClass\">\r\n      <hr-info-field [labelKey]=\"'TransferAmount'\"\r\n                     [value]=\"formatAmount(bankInfo.TransferAmount) + ' (' + currencyCode + ')'\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueClass\">\r\n      </hr-info-field>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n}\r\n}@else{\r\n<sky-empty-design-card [visibleIcon]=\"false\"\r\n                       [visibleQuickAction]=\"false\"\r\n                       [containerClass]=\"emptyStateContainerClass\"\r\n                       [cardBodyClass]=\"''\"\r\n                       [cardBodyContainerClass]=\"''\"\r\n                       [emptyTextClass]=\"emptyStateTextClass\"\r\n                       [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoBankYet' | HRTranslate)\">\r\n</sky-empty-design-card>\r\n}\r\n" }]
-        }], ctorParameters: () => [{ type: HRCommonMethodsService }, { type: HRSelfWidgetsService }], propDecorators: { currencyCode: [{
-                type: Input
-            }], currencyDecimals: [{
-                type: Input
-            }], headerIconClass: [{
-                type: Input
-            }], headerTextClass: [{
-                type: Input
-            }], headerDividerClass: [{
-                type: Input
-            }], cardClass: [{
-                type: Input
-            }], mainBadgeClass: [{
-                type: Input
-            }], mainBadgeTextClass: [{
-                type: Input
-            }], triangleClass: [{
-                type: Input
-            }], rowClass: [{
-                type: Input
-            }], rowMainPtClass: [{
-                type: Input
-            }], rowNormalPtClass: [{
-                type: Input
-            }], columnClass: [{
-                type: Input
-            }], responsiveTopSpacingColClass: [{
-                type: Input
-            }], topSpacingColClass: [{
-                type: Input
-            }], labelClass: [{
-                type: Input
-            }], valueClass: [{
-                type: Input
-            }], emptyStateContainerClass: [{
-                type: Input
-            }], emptyStateTextClass: [{
-                type: Input
-            }], bankInformationIcon: [{
-                type: Input
-            }], sectionHeaderVisibility: [{
-                type: Input
-            }], sectionTitle: [{
-                type: Input
-            }], language: [{
-                type: Input
-            }], baseUrl: [{
-                type: Input,
-                args: [{ required: true }]
-            }], errorOccurred: [{
-                type: Output
-            }], isLoadingChanged: [{
-                type: Output
-            }] } });
-
 class ProfilePersonalInfoMainWidgetComponent {
     hrSelfWidgetsService;
     employeePersonalInformation = null;
@@ -2907,393 +2912,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Output
             }] } });
 
-class ProfileJobInfoMainWidgetComponent {
-    hrSelfWidgetsService;
-    jobInformationMain = null;
-    isLoading = true;
-    baseUrl = '';
-    headerIconClass = 'primary-icon-xl';
-    headerTextClass = 'mt-2 field-secondary-label-lg';
-    headerDividerClass = 'flex-grow-1 ms-2';
-    rowClass = 'row mt-4';
-    columnClass = 'col-md-4 col-6';
-    responsiveTopSpacingColumnClass = 'col-md-4 col-6 mt-md-0 mt-4';
-    topSpacingBottomMdSpacingColumnClass = 'col-md-4 col-6 mt-4 mb-md-5';
-    topSpacingBottomSpacingColumnClass = 'col-md-4 col-6 mt-4 mb-5';
-    labelClass = 'field-secondary-label-sm';
-    valueClass = 'fs-14 fw-medium text-ellipsis-one-line';
-    emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
-    emptyStateTextClass = 'field-secondary-label-md';
-    mainIcon = faFileSignature;
-    sectionTitle = 'JobInformation';
-    isLoadingChanged = new EventEmitter();
-    errorOccurred = new EventEmitter();
-    constructor(hrSelfWidgetsService) {
-        this.hrSelfWidgetsService = hrSelfWidgetsService;
-    }
-    ngOnInit() {
-        if (!this.baseUrl) {
-            this.isLoading = false;
-            return;
-        }
-        this.isLoadingChanged.emit(true);
-        this.hrSelfWidgetsService.getJobInformationMain(this.baseUrl).subscribe({
-            next: (response) => {
-                this.isLoading = false;
-                this.jobInformationMain = response;
-                this.isLoadingChanged.emit(false);
-            },
-            error: (error) => {
-                this.isLoading = false;
-                this.jobInformationMain = null;
-                this.isLoadingChanged.emit(false);
-                this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileJobInfoMainWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileJobInfoMainWidgetComponent, isStandalone: true, selector: "hr-profile-job-info-main-widget", inputs: { baseUrl: "baseUrl", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", columnClass: "columnClass", responsiveTopSpacingColumnClass: "responsiveTopSpacingColumnClass", topSpacingBottomMdSpacingColumnClass: "topSpacingBottomMdSpacingColumnClass", topSpacingBottomSpacingColumnClass: "topSpacingBottomSpacingColumnClass", labelClass: "labelClass", valueClass: "valueClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", mainIcon: "mainIcon", sectionTitle: "sectionTitle" }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"mainIcon\"\r\n                     [text]=\"(sectionTitle | HRTranslate | uppercase)\"\r\n                     [iconClass]=\"headerIconClass\"\r\n                     [textClass]=\"headerTextClass\"\r\n                     [dividerClass]=\"headerDividerClass\">\r\n</sky-section-divider>\r\n\r\n@if(jobInformationMain){\r\n<div [ngClass]=\"rowClass\">\r\n  <div [ngClass]=\"columnClass\">\r\n    <hr-info-field [labelKey]=\"'AdminUnit'\"\r\n                   [value]=\"jobInformationMain.AdminUnitName\"\r\n                   [labelClass]=\"labelClass\"\r\n                   [valueClass]=\"valueClass\">\r\n    </hr-info-field>\r\n  </div>\r\n  <div [ngClass]=\"columnClass\">\r\n    <hr-info-field [labelKey]=\"'Position'\"\r\n                   [value]=\"jobInformationMain.PositionName\"\r\n                   [labelClass]=\"labelClass\"\r\n                   [valueClass]=\"valueClass\">\r\n    </hr-info-field>\r\n  </div>\r\n  <div [ngClass]=\"responsiveTopSpacingColumnClass\">\r\n    <hr-info-field [labelKey]=\"'Grade'\"\r\n                   [value]=\"jobInformationMain.GradeName\"\r\n                   [labelClass]=\"labelClass\"\r\n                   [valueClass]=\"valueClass\">\r\n    </hr-info-field>\r\n  </div>\r\n\r\n  <div [ngClass]=\"topSpacingBottomMdSpacingColumnClass\">\r\n    <hr-info-field [labelKey]=\"'JoiningDate'\"\r\n                   [value]=\"jobInformationMain.JoiningDate ? (jobInformationMain.JoiningDate | date: 'dd/MM/yyyy') : null\"\r\n                   [labelClass]=\"labelClass\"\r\n                   [valueClass]=\"valueClass\">\r\n    </hr-info-field>\r\n  </div>\r\n  <div [ngClass]=\"topSpacingBottomMdSpacingColumnClass\">\r\n    <hr-info-field [labelKey]=\"'CorporateJoiningDate'\"\r\n                   [value]=\"jobInformationMain.CorporateJoiningDate ? (jobInformationMain.CorporateJoiningDate | date: 'dd/MM/yyyy') : null\"\r\n                   [labelClass]=\"labelClass\"\r\n                   [valueClass]=\"valueClass\">\r\n    </hr-info-field>\r\n  </div>\r\n  <div [ngClass]=\"topSpacingBottomSpacingColumnClass\">\r\n    <hr-info-field [labelKey]=\"'Sponsor'\"\r\n                   [value]=\"jobInformationMain.SponsorName\"\r\n                   [labelClass]=\"labelClass\"\r\n                   [valueClass]=\"valueClass\">\r\n    </hr-info-field>\r\n  </div>\r\n</div>\r\n}@else{\r\n<sky-empty-design-card [visibleIcon]=\"false\"\r\n                       [visibleQuickAction]=\"false\"\r\n                       [containerClass]=\"emptyStateContainerClass\"\r\n                       [cardBodyClass]=\"''\"\r\n                       [cardBodyContainerClass]=\"''\"\r\n                       [emptyTextClass]=\"emptyStateTextClass\"\r\n                       [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoJobMainYet' | HRTranslate)\">\r\n</sky-empty-design-card>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "component", type: HRInfoFieldComponent, selector: "hr-info-field", inputs: ["labelKey", "value", "labelClass", "valueClass", "fallbackValue"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileJobInfoMainWidgetComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'hr-profile-job-info-main-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, SkyEmptyDesignCardComponent, HRInfoFieldComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"mainIcon\"\r\n                     [text]=\"(sectionTitle | HRTranslate | uppercase)\"\r\n                     [iconClass]=\"headerIconClass\"\r\n                     [textClass]=\"headerTextClass\"\r\n                     [dividerClass]=\"headerDividerClass\">\r\n</sky-section-divider>\r\n\r\n@if(jobInformationMain){\r\n<div [ngClass]=\"rowClass\">\r\n  <div [ngClass]=\"columnClass\">\r\n    <hr-info-field [labelKey]=\"'AdminUnit'\"\r\n                   [value]=\"jobInformationMain.AdminUnitName\"\r\n                   [labelClass]=\"labelClass\"\r\n                   [valueClass]=\"valueClass\">\r\n    </hr-info-field>\r\n  </div>\r\n  <div [ngClass]=\"columnClass\">\r\n    <hr-info-field [labelKey]=\"'Position'\"\r\n                   [value]=\"jobInformationMain.PositionName\"\r\n                   [labelClass]=\"labelClass\"\r\n                   [valueClass]=\"valueClass\">\r\n    </hr-info-field>\r\n  </div>\r\n  <div [ngClass]=\"responsiveTopSpacingColumnClass\">\r\n    <hr-info-field [labelKey]=\"'Grade'\"\r\n                   [value]=\"jobInformationMain.GradeName\"\r\n                   [labelClass]=\"labelClass\"\r\n                   [valueClass]=\"valueClass\">\r\n    </hr-info-field>\r\n  </div>\r\n\r\n  <div [ngClass]=\"topSpacingBottomMdSpacingColumnClass\">\r\n    <hr-info-field [labelKey]=\"'JoiningDate'\"\r\n                   [value]=\"jobInformationMain.JoiningDate ? (jobInformationMain.JoiningDate | date: 'dd/MM/yyyy') : null\"\r\n                   [labelClass]=\"labelClass\"\r\n                   [valueClass]=\"valueClass\">\r\n    </hr-info-field>\r\n  </div>\r\n  <div [ngClass]=\"topSpacingBottomMdSpacingColumnClass\">\r\n    <hr-info-field [labelKey]=\"'CorporateJoiningDate'\"\r\n                   [value]=\"jobInformationMain.CorporateJoiningDate ? (jobInformationMain.CorporateJoiningDate | date: 'dd/MM/yyyy') : null\"\r\n                   [labelClass]=\"labelClass\"\r\n                   [valueClass]=\"valueClass\">\r\n    </hr-info-field>\r\n  </div>\r\n  <div [ngClass]=\"topSpacingBottomSpacingColumnClass\">\r\n    <hr-info-field [labelKey]=\"'Sponsor'\"\r\n                   [value]=\"jobInformationMain.SponsorName\"\r\n                   [labelClass]=\"labelClass\"\r\n                   [valueClass]=\"valueClass\">\r\n    </hr-info-field>\r\n  </div>\r\n</div>\r\n}@else{\r\n<sky-empty-design-card [visibleIcon]=\"false\"\r\n                       [visibleQuickAction]=\"false\"\r\n                       [containerClass]=\"emptyStateContainerClass\"\r\n                       [cardBodyClass]=\"''\"\r\n                       [cardBodyContainerClass]=\"''\"\r\n                       [emptyTextClass]=\"emptyStateTextClass\"\r\n                       [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoJobMainYet' | HRTranslate)\">\r\n</sky-empty-design-card>\r\n}\r\n" }]
-        }], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
-                type: Input,
-                args: [{ required: true }]
-            }], headerIconClass: [{
-                type: Input
-            }], headerTextClass: [{
-                type: Input
-            }], headerDividerClass: [{
-                type: Input
-            }], rowClass: [{
-                type: Input
-            }], columnClass: [{
-                type: Input
-            }], responsiveTopSpacingColumnClass: [{
-                type: Input
-            }], topSpacingBottomMdSpacingColumnClass: [{
-                type: Input
-            }], topSpacingBottomSpacingColumnClass: [{
-                type: Input
-            }], labelClass: [{
-                type: Input
-            }], valueClass: [{
-                type: Input
-            }], emptyStateContainerClass: [{
-                type: Input
-            }], emptyStateTextClass: [{
-                type: Input
-            }], mainIcon: [{
-                type: Input
-            }], sectionTitle: [{
-                type: Input
-            }], isLoadingChanged: [{
-                type: Output
-            }], errorOccurred: [{
-                type: Output
-            }] } });
-
-class ProfileJobInfoContractWidgetComponent {
-    hrSelfWidgetsService;
-    jobInformationContract = null;
-    isLoading = true;
-    baseUrl = '';
-    headerIconClass = 'primary-icon-xl';
-    headerTextClass = 'mt-2 field-secondary-label-lg';
-    headerDividerClass = 'flex-grow-1 ms-2';
-    rowClass = 'row mt-4';
-    columnClass = 'col-md-4 col-6';
-    responsiveTopSpacingColumnClass = 'col-md-4 col-6 mt-md-0 mt-4';
-    topSpacingBottomMdSpacingColumnClass = 'col-md-4 col-6 mt-4 mb-md-5';
-    topSpacingBottomSpacingColumnClass = 'col-md-4 col-6 mt-4 mb-5';
-    labelClass = 'field-secondary-label-sm';
-    valueClass = 'fs-14 fw-medium text-ellipsis-one-line';
-    emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
-    emptyStateTextClass = 'field-secondary-label-md';
-    contractIcon = faFileSignature;
-    sectionTitle = 'Contract';
-    isLoadingChanged = new EventEmitter();
-    errorOccurred = new EventEmitter();
-    constructor(hrSelfWidgetsService) {
-        this.hrSelfWidgetsService = hrSelfWidgetsService;
-    }
-    ngOnInit() {
-        if (!this.baseUrl) {
-            this.isLoading = false;
-            return;
-        }
-        this.isLoadingChanged.emit(true);
-        this.hrSelfWidgetsService.getJobInformationContract(this.baseUrl).subscribe({
-            next: (response) => {
-                this.isLoading = false;
-                this.jobInformationContract = response;
-                this.isLoadingChanged.emit(false);
-            },
-            error: (error) => {
-                this.isLoading = false;
-                this.jobInformationContract = null;
-                this.isLoadingChanged.emit(false);
-                this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileJobInfoContractWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileJobInfoContractWidgetComponent, isStandalone: true, selector: "hr-profile-job-info-contract-widget", inputs: { baseUrl: "baseUrl", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", columnClass: "columnClass", responsiveTopSpacingColumnClass: "responsiveTopSpacingColumnClass", topSpacingBottomMdSpacingColumnClass: "topSpacingBottomMdSpacingColumnClass", topSpacingBottomSpacingColumnClass: "topSpacingBottomSpacingColumnClass", labelClass: "labelClass", valueClass: "valueClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", contractIcon: "contractIcon", sectionTitle: "sectionTitle" }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"contractIcon\"\r\n                     [text]=\"(sectionTitle | HRTranslate | uppercase)\"\r\n                     [iconClass]=\"headerIconClass\"\r\n                     [textClass]=\"headerTextClass\"\r\n                     [dividerClass]=\"headerDividerClass\">\r\n</sky-section-divider>\r\n\r\n@if(jobInformationContract){\r\n<div [ngClass]=\"rowClass\">\r\n  <div [ngClass]=\"columnClass\">\r\n    <hr-info-field [labelKey]=\"'ContractType'\"\r\n                   [value]=\"jobInformationContract.ContractTypeName\"\r\n                   [labelClass]=\"labelClass\"\r\n                   [valueClass]=\"valueClass\">\r\n    </hr-info-field>\r\n  </div>\r\n  <div [ngClass]=\"columnClass\">\r\n    <hr-info-field [labelKey]=\"'ContractStartDate'\"\r\n                   [value]=\"jobInformationContract.ContractStartDate ? (jobInformationContract.ContractStartDate | date: 'dd/MM/yyyy') : null\"\r\n                   [labelClass]=\"labelClass\"\r\n                   [valueClass]=\"valueClass\">\r\n    </hr-info-field>\r\n  </div>\r\n  <div [ngClass]=\"responsiveTopSpacingColumnClass\">\r\n    <hr-info-field [labelKey]=\"'ContractEndDate'\"\r\n                   [value]=\"jobInformationContract.ContractEndDate ? (jobInformationContract.ContractEndDate | date: 'dd/MM/yyyy') : null\"\r\n                   [labelClass]=\"labelClass\"\r\n                   [valueClass]=\"valueClass\">\r\n    </hr-info-field>\r\n  </div>\r\n\r\n  <div [ngClass]=\"topSpacingBottomMdSpacingColumnClass\">\r\n    <hr-info-field [labelKey]=\"'ContractMaritalStatus'\"\r\n                   [value]=\"jobInformationContract.ContractMaritalStateName\"\r\n                   [labelClass]=\"labelClass\"\r\n                   [valueClass]=\"valueClass\">\r\n    </hr-info-field>\r\n  </div>\r\n  <div [ngClass]=\"topSpacingBottomSpacingColumnClass\">\r\n    <hr-info-field [labelKey]=\"'ContractDependentsCount'\"\r\n                   [value]=\"jobInformationContract.ContractDependentsCount?.toString()\"\r\n                   [labelClass]=\"labelClass\"\r\n                   [valueClass]=\"valueClass\">\r\n    </hr-info-field>\r\n  </div>\r\n</div>\r\n}@else{\r\n<sky-empty-design-card [visibleIcon]=\"false\"\r\n                       [visibleQuickAction]=\"false\"\r\n                       [containerClass]=\"emptyStateContainerClass\"\r\n                       [cardBodyClass]=\"''\"\r\n                       [cardBodyContainerClass]=\"''\"\r\n                       [emptyTextClass]=\"emptyStateTextClass\"\r\n                       [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoJobContractYet' | HRTranslate)\">\r\n</sky-empty-design-card>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "component", type: HRInfoFieldComponent, selector: "hr-info-field", inputs: ["labelKey", "value", "labelClass", "valueClass", "fallbackValue"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileJobInfoContractWidgetComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'hr-profile-job-info-contract-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, SkyEmptyDesignCardComponent, HRInfoFieldComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"contractIcon\"\r\n                     [text]=\"(sectionTitle | HRTranslate | uppercase)\"\r\n                     [iconClass]=\"headerIconClass\"\r\n                     [textClass]=\"headerTextClass\"\r\n                     [dividerClass]=\"headerDividerClass\">\r\n</sky-section-divider>\r\n\r\n@if(jobInformationContract){\r\n<div [ngClass]=\"rowClass\">\r\n  <div [ngClass]=\"columnClass\">\r\n    <hr-info-field [labelKey]=\"'ContractType'\"\r\n                   [value]=\"jobInformationContract.ContractTypeName\"\r\n                   [labelClass]=\"labelClass\"\r\n                   [valueClass]=\"valueClass\">\r\n    </hr-info-field>\r\n  </div>\r\n  <div [ngClass]=\"columnClass\">\r\n    <hr-info-field [labelKey]=\"'ContractStartDate'\"\r\n                   [value]=\"jobInformationContract.ContractStartDate ? (jobInformationContract.ContractStartDate | date: 'dd/MM/yyyy') : null\"\r\n                   [labelClass]=\"labelClass\"\r\n                   [valueClass]=\"valueClass\">\r\n    </hr-info-field>\r\n  </div>\r\n  <div [ngClass]=\"responsiveTopSpacingColumnClass\">\r\n    <hr-info-field [labelKey]=\"'ContractEndDate'\"\r\n                   [value]=\"jobInformationContract.ContractEndDate ? (jobInformationContract.ContractEndDate | date: 'dd/MM/yyyy') : null\"\r\n                   [labelClass]=\"labelClass\"\r\n                   [valueClass]=\"valueClass\">\r\n    </hr-info-field>\r\n  </div>\r\n\r\n  <div [ngClass]=\"topSpacingBottomMdSpacingColumnClass\">\r\n    <hr-info-field [labelKey]=\"'ContractMaritalStatus'\"\r\n                   [value]=\"jobInformationContract.ContractMaritalStateName\"\r\n                   [labelClass]=\"labelClass\"\r\n                   [valueClass]=\"valueClass\">\r\n    </hr-info-field>\r\n  </div>\r\n  <div [ngClass]=\"topSpacingBottomSpacingColumnClass\">\r\n    <hr-info-field [labelKey]=\"'ContractDependentsCount'\"\r\n                   [value]=\"jobInformationContract.ContractDependentsCount?.toString()\"\r\n                   [labelClass]=\"labelClass\"\r\n                   [valueClass]=\"valueClass\">\r\n    </hr-info-field>\r\n  </div>\r\n</div>\r\n}@else{\r\n<sky-empty-design-card [visibleIcon]=\"false\"\r\n                       [visibleQuickAction]=\"false\"\r\n                       [containerClass]=\"emptyStateContainerClass\"\r\n                       [cardBodyClass]=\"''\"\r\n                       [cardBodyContainerClass]=\"''\"\r\n                       [emptyTextClass]=\"emptyStateTextClass\"\r\n                       [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoJobContractYet' | HRTranslate)\">\r\n</sky-empty-design-card>\r\n}\r\n" }]
-        }], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
-                type: Input,
-                args: [{ required: true }]
-            }], headerIconClass: [{
-                type: Input
-            }], headerTextClass: [{
-                type: Input
-            }], headerDividerClass: [{
-                type: Input
-            }], rowClass: [{
-                type: Input
-            }], columnClass: [{
-                type: Input
-            }], responsiveTopSpacingColumnClass: [{
-                type: Input
-            }], topSpacingBottomMdSpacingColumnClass: [{
-                type: Input
-            }], topSpacingBottomSpacingColumnClass: [{
-                type: Input
-            }], labelClass: [{
-                type: Input
-            }], valueClass: [{
-                type: Input
-            }], emptyStateContainerClass: [{
-                type: Input
-            }], emptyStateTextClass: [{
-                type: Input
-            }], contractIcon: [{
-                type: Input
-            }], sectionTitle: [{
-                type: Input
-            }], isLoadingChanged: [{
-                type: Output
-            }], errorOccurred: [{
-                type: Output
-            }] } });
-
-class ProfileJobInfoSalaryWidgetComponent {
-    hrSelfWidgetsService;
-    commonMethodsService;
-    jobInformationSalary = null;
-    isLoading = true;
-    baseUrl = '';
-    currencyCode = '';
-    currencyDecimals = 2;
-    headerIconClass = 'primary-icon-xl';
-    headerTextClass = 'mt-2 field-secondary-label-lg';
-    headerDividerClass = 'flex-grow-1 ms-2';
-    rowClass = 'row mt-4';
-    columnClass = 'col-md-4 col-6 mt-4';
-    grossSalaryColumnClass = 'col-md-4 col-6 my-4';
-    labelClass = 'field-secondary-label-sm';
-    valueClass = 'fs-14 fw-medium text-ellipsis-one-line';
-    currencyClass = 'fs-10 text-secondary fw-light';
-    emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
-    emptyStateTextClass = 'field-secondary-label-md';
-    salaryIcon = faSackDollar;
-    sectionTitle = 'Salary';
-    isLoadingChanged = new EventEmitter();
-    errorOccurred = new EventEmitter();
-    constructor(hrSelfWidgetsService, commonMethodsService) {
-        this.hrSelfWidgetsService = hrSelfWidgetsService;
-        this.commonMethodsService = commonMethodsService;
-    }
-    ngOnInit() {
-        if (!this.baseUrl) {
-            this.isLoading = false;
-            return;
-        }
-        this.isLoadingChanged.emit(true);
-        this.hrSelfWidgetsService.getJobInformationSalary(this.baseUrl).subscribe({
-            next: (response) => {
-                this.isLoading = false;
-                this.jobInformationSalary = response;
-                this.isLoadingChanged.emit(false);
-            },
-            error: (error) => {
-                this.isLoading = false;
-                this.jobInformationSalary = null;
-                this.isLoadingChanged.emit(false);
-                this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
-            }
-        });
-    }
-    get basicSalary() {
-        return this.jobInformationSalary?.BasicSalary ?? this.jobInformationSalary?.CurrentBasicSalary ?? null;
-    }
-    get allowances() {
-        return this.jobInformationSalary?.Allowances ?? [];
-    }
-    formatAmount(value) {
-        if (value == null) {
-            return '—';
-        }
-        return this.commonMethodsService.currencyDecimalFormat(value, this.currencyDecimals) || '—';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileJobInfoSalaryWidgetComponent, deps: [{ token: HRSelfWidgetsService }, { token: HRCommonMethodsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileJobInfoSalaryWidgetComponent, isStandalone: true, selector: "hr-profile-job-info-salary-widget", inputs: { baseUrl: "baseUrl", currencyCode: "currencyCode", currencyDecimals: "currencyDecimals", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", columnClass: "columnClass", grossSalaryColumnClass: "grossSalaryColumnClass", labelClass: "labelClass", valueClass: "valueClass", currencyClass: "currencyClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", salaryIcon: "salaryIcon", sectionTitle: "sectionTitle" }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "@if(jobInformationSalary){\r\n<sky-section-divider [fontAwesomeIcon]=\"salaryIcon\"\r\n                     [text]=\"(sectionTitle | HRTranslate | uppercase)\"\r\n                     [iconClass]=\"headerIconClass\"\r\n                     [textClass]=\"headerTextClass\"\r\n                     [dividerClass]=\"headerDividerClass\">\r\n</sky-section-divider>\r\n\r\n<div [ngClass]=\"rowClass\">\r\n  <div [ngClass]=\"columnClass\">\r\n    <div [ngClass]=\"labelClass\">{{'BasicSalary' | HRTranslate}}</div>\r\n    <div [ngClass]=\"valueClass\">{{formatAmount(basicSalary)}} <span [ngClass]=\"currencyClass\">{{currencyCode}}</span></div>\r\n  </div>\r\n\r\n  @for(allowance of allowances; track allowance){\r\n  <div [ngClass]=\"columnClass\">\r\n    <div [ngClass]=\"labelClass\">{{allowance.AllowanceName}}</div>\r\n    <div [ngClass]=\"valueClass\">{{formatAmount(allowance.AllowanceAmount)}} <span [ngClass]=\"currencyClass\">{{currencyCode}}</span></div>\r\n  </div>\r\n  }\r\n\r\n  <div [ngClass]=\"grossSalaryColumnClass\">\r\n    <div [ngClass]=\"labelClass\">{{'GrossSalary' | HRTranslate}}</div>\r\n    <div [ngClass]=\"valueClass\">{{formatAmount(jobInformationSalary.GrossSalary)}} <span [ngClass]=\"currencyClass\">{{currencyCode}}</span></div>\r\n  </div>\r\n</div>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileJobInfoSalaryWidgetComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'hr-profile-job-info-salary-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent], template: "@if(jobInformationSalary){\r\n<sky-section-divider [fontAwesomeIcon]=\"salaryIcon\"\r\n                     [text]=\"(sectionTitle | HRTranslate | uppercase)\"\r\n                     [iconClass]=\"headerIconClass\"\r\n                     [textClass]=\"headerTextClass\"\r\n                     [dividerClass]=\"headerDividerClass\">\r\n</sky-section-divider>\r\n\r\n<div [ngClass]=\"rowClass\">\r\n  <div [ngClass]=\"columnClass\">\r\n    <div [ngClass]=\"labelClass\">{{'BasicSalary' | HRTranslate}}</div>\r\n    <div [ngClass]=\"valueClass\">{{formatAmount(basicSalary)}} <span [ngClass]=\"currencyClass\">{{currencyCode}}</span></div>\r\n  </div>\r\n\r\n  @for(allowance of allowances; track allowance){\r\n  <div [ngClass]=\"columnClass\">\r\n    <div [ngClass]=\"labelClass\">{{allowance.AllowanceName}}</div>\r\n    <div [ngClass]=\"valueClass\">{{formatAmount(allowance.AllowanceAmount)}} <span [ngClass]=\"currencyClass\">{{currencyCode}}</span></div>\r\n  </div>\r\n  }\r\n\r\n  <div [ngClass]=\"grossSalaryColumnClass\">\r\n    <div [ngClass]=\"labelClass\">{{'GrossSalary' | HRTranslate}}</div>\r\n    <div [ngClass]=\"valueClass\">{{formatAmount(jobInformationSalary.GrossSalary)}} <span [ngClass]=\"currencyClass\">{{currencyCode}}</span></div>\r\n  </div>\r\n</div>\r\n}\r\n" }]
-        }], ctorParameters: () => [{ type: HRSelfWidgetsService }, { type: HRCommonMethodsService }], propDecorators: { baseUrl: [{
-                type: Input,
-                args: [{ required: true }]
-            }], currencyCode: [{
-                type: Input
-            }], currencyDecimals: [{
-                type: Input
-            }], headerIconClass: [{
-                type: Input
-            }], headerTextClass: [{
-                type: Input
-            }], headerDividerClass: [{
-                type: Input
-            }], rowClass: [{
-                type: Input
-            }], columnClass: [{
-                type: Input
-            }], grossSalaryColumnClass: [{
-                type: Input
-            }], labelClass: [{
-                type: Input
-            }], valueClass: [{
-                type: Input
-            }], currencyClass: [{
-                type: Input
-            }], emptyStateContainerClass: [{
-                type: Input
-            }], emptyStateTextClass: [{
-                type: Input
-            }], salaryIcon: [{
-                type: Input
-            }], sectionTitle: [{
-                type: Input
-            }], isLoadingChanged: [{
-                type: Output
-            }], errorOccurred: [{
-                type: Output
-            }] } });
-
-class ProfileJobInfoServiceChargeWidgetComponent {
-    hrSelfWidgetsService;
-    commonMethodsService;
-    jobInformationServiceCharge = null;
-    isLoading = true;
-    baseUrl = '';
-    currencyCode = '';
-    headerIconClass = 'primary-icon-xl';
-    headerTextClass = 'mt-2 field-secondary-label-lg';
-    headerDividerClass = 'flex-grow-1 ms-2';
-    rowClass = 'row mt-4 mb-5';
-    columnClass = 'col-md-4 col-6';
-    labelClass = 'field-secondary-label-sm';
-    valueClass = 'fs-14 fw-medium text-ellipsis-one-line';
-    emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
-    emptyStateTextClass = 'field-secondary-label-md';
-    serviceChargeIcon = faEnvelopeOpenDollar;
-    sectionTitle = 'ServiceCharge';
-    isLoadingChanged = new EventEmitter();
-    errorOccurred = new EventEmitter();
-    constructor(hrSelfWidgetsService, commonMethodsService) {
-        this.hrSelfWidgetsService = hrSelfWidgetsService;
-        this.commonMethodsService = commonMethodsService;
-    }
-    ngOnInit() {
-        if (!this.baseUrl) {
-            this.isLoading = false;
-            return;
-        }
-        this.isLoadingChanged.emit(true);
-        this.hrSelfWidgetsService.getJobInformationServiceCharge(this.baseUrl).subscribe({
-            next: (response) => {
-                this.isLoading = false;
-                this.jobInformationServiceCharge = response;
-                this.isLoadingChanged.emit(false);
-            },
-            error: (error) => {
-                this.isLoading = false;
-                this.jobInformationServiceCharge = null;
-                this.isLoadingChanged.emit(false);
-                this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
-            }
-        });
-    }
-    get modeLabelKey() {
-        const mode = this.jobInformationServiceCharge?.ServiceChargeEntitlementMode;
-        switch (ServiceChargeEntitlementMode[mode]) {
-            case ServiceChargeEntitlementMode.Points:
-                return 'Points';
-            case ServiceChargeEntitlementMode.SalaryRatio:
-                return 'SalaryRatio';
-            case ServiceChargeEntitlementMode.FixedAmount:
-                return 'FixedAmount';
-            case ServiceChargeEntitlementMode.FixedRate:
-                return 'FixedRate';
-            default:
-                return 'ServiceCharge';
-        }
-    }
-    get value() {
-        const data = this.jobInformationServiceCharge;
-        if (!data || data.ServiceChargeValue == null) {
-            return '—';
-        }
-        if (ServiceChargeEntitlementMode[data.ServiceChargeEntitlementMode] ===
-            ServiceChargeEntitlementMode.FixedAmount) {
-            return `${this.commonMethodsService.currencyDecimalFormat(data.ServiceChargeValue, 4)} (${this.currencyCode})`;
-        }
-        return this.commonMethodsService.currencyDecimalFormat(data.ServiceChargeValue, 2) || '—';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileJobInfoServiceChargeWidgetComponent, deps: [{ token: HRSelfWidgetsService }, { token: HRCommonMethodsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileJobInfoServiceChargeWidgetComponent, isStandalone: true, selector: "hr-profile-job-info-service-charge-widget", inputs: { baseUrl: "baseUrl", currencyCode: "currencyCode", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", columnClass: "columnClass", labelClass: "labelClass", valueClass: "valueClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", serviceChargeIcon: "serviceChargeIcon", sectionTitle: "sectionTitle" }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "@if(jobInformationServiceCharge){\r\n<sky-section-divider [fontAwesomeIcon]=\"serviceChargeIcon\"\r\n                     [text]=\"(sectionTitle | HRTranslate | uppercase)\"\r\n                     [iconClass]=\"headerIconClass\"\r\n                     [textClass]=\"headerTextClass\"\r\n                     [dividerClass]=\"headerDividerClass\">\r\n</sky-section-divider>\r\n\r\n<div [ngClass]=\"rowClass\">\r\n  <div [ngClass]=\"columnClass\">\r\n    <div [ngClass]=\"labelClass\">{{modeLabelKey | HRTranslate}}</div>\r\n    <div [ngClass]=\"valueClass\">{{value}}</div>\r\n  </div>\r\n</div>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileJobInfoServiceChargeWidgetComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'hr-profile-job-info-service-charge-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent], template: "@if(jobInformationServiceCharge){\r\n<sky-section-divider [fontAwesomeIcon]=\"serviceChargeIcon\"\r\n                     [text]=\"(sectionTitle | HRTranslate | uppercase)\"\r\n                     [iconClass]=\"headerIconClass\"\r\n                     [textClass]=\"headerTextClass\"\r\n                     [dividerClass]=\"headerDividerClass\">\r\n</sky-section-divider>\r\n\r\n<div [ngClass]=\"rowClass\">\r\n  <div [ngClass]=\"columnClass\">\r\n    <div [ngClass]=\"labelClass\">{{modeLabelKey | HRTranslate}}</div>\r\n    <div [ngClass]=\"valueClass\">{{value}}</div>\r\n  </div>\r\n</div>\r\n}\r\n" }]
-        }], ctorParameters: () => [{ type: HRSelfWidgetsService }, { type: HRCommonMethodsService }], propDecorators: { baseUrl: [{
-                type: Input,
-                args: [{ required: true }]
-            }], currencyCode: [{
-                type: Input
-            }], headerIconClass: [{
-                type: Input
-            }], headerTextClass: [{
-                type: Input
-            }], headerDividerClass: [{
-                type: Input
-            }], rowClass: [{
-                type: Input
-            }], columnClass: [{
-                type: Input
-            }], labelClass: [{
-                type: Input
-            }], valueClass: [{
-                type: Input
-            }], emptyStateContainerClass: [{
-                type: Input
-            }], emptyStateTextClass: [{
-                type: Input
-            }], serviceChargeIcon: [{
-                type: Input
-            }], sectionTitle: [{
-                type: Input
-            }], isLoadingChanged: [{
-                type: Output
-            }], errorOccurred: [{
-                type: Output
-            }] } });
-
 class HRVacationSubordinatesPopupComponent {
     http;
     dataGrid;
@@ -3500,5 +3118,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { EventOption, EventTypeEnum, HRCardHeaderComponent, HRConstantsService, HREmployeeCalendarComponent, HRTranslatePipe, HRTranslateService, MainWidgetShortcut, MyCalendarWidgetComponent, MyMainDetailsWidgetComponent, MyUpcomingEventsWidgetComponent, MyVacationTeamWidgetComponent, ProfileBankInfoWidgetComponent, ProfileJobInfoContractWidgetComponent, ProfileJobInfoMainWidgetComponent, ProfileJobInfoSalaryWidgetComponent, ProfileJobInfoServiceChargeWidgetComponent, ProfilePersonalInfoAddressWidgetComponent, ProfilePersonalInfoContactWidgetComponent, ProfilePersonalInfoLanguagesWidgetComponent, ProfilePersonalInfoMainWidgetComponent, ProfilePersonalInfoOtherNationalitiesWidgetComponent, PublicHolidayWeekContext, RelativeDay, ScheduleVacationTypes, ServiceChargeEntitlementMode, VacationPopupType };
+export { EventOption, EventTypeEnum, HRCardHeaderComponent, HRConstantsService, HREmployeeCalendarComponent, HRTranslatePipe, HRTranslateService, MainWidgetShortcut, MyCalendarWidgetComponent, MyMainDetailsWidgetComponent, MyUpcomingEventsWidgetComponent, MyVacationTeamWidgetComponent, ProfilePersonalInfoAddressWidgetComponent, ProfilePersonalInfoContactWidgetComponent, ProfilePersonalInfoLanguagesWidgetComponent, ProfilePersonalInfoMainWidgetComponent, ProfilePersonalInfoOtherNationalitiesWidgetComponent, PublicHolidayWeekContext, RelativeDay, ScheduleVacationTypes, ServiceChargeEntitlementMode, VacationPopupType };
 //# sourceMappingURL=skysoftware-co-bayan-hr-widgets-ui.mjs.map