@skysoftware-co/bayan-hr-widgets-ui 1.0.39 → 1.0.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/fesm2022/skysoftware-co-bayan-hr-widgets-ui.mjs +79 -65
- package/fesm2022/skysoftware-co-bayan-hr-widgets-ui.mjs.map +1 -1
- package/lib/entitlements/profile-entitlements-indemnity-widget/profile-entitlements-indemnity-widget.component.d.ts +2 -1
- package/lib/entitlements/profile-entitlements-ticket-widget/profile-entitlements-ticket-widget.component.d.ts +1 -0
- package/lib/profile-personal-info-contact-widget/profile-personal-info-contact-widget.component.d.ts +3 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -858,6 +858,7 @@ This component shows indemnity entitlement details including eligibility status,
|
|
|
858
858
|
### Output Events
|
|
859
859
|
- `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes.
|
|
860
860
|
- `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
|
|
861
|
+
- `hasDataChanged: EventEmitter<boolean>` - Emitted when data availability changes after loading.
|
|
861
862
|
|
|
862
863
|
## Profile Entitlements Ticket Widget
|
|
863
864
|
|
|
@@ -456,7 +456,7 @@ var ContractType$1 = "نوع العقد";
|
|
|
456
456
|
var ContractStartDate$1 = "تاريخ بداية العقد";
|
|
457
457
|
var ContractEndDate$1 = "تاريخ نهاية العقد";
|
|
458
458
|
var ContractMaritalStatus$1 = "الحالة الاجتماعية في العقد";
|
|
459
|
-
var ContractDependentsCount$1 = "عدد
|
|
459
|
+
var ContractDependentsCount$1 = "عدد المعالون في العقد";
|
|
460
460
|
var BasicSalary$1 = "الراتب الأساسي";
|
|
461
461
|
var GrossSalary$1 = "إجمالي الراتب";
|
|
462
462
|
var Points$1 = "نقاط";
|
|
@@ -487,33 +487,33 @@ var Employer$1 = "جهة العمل";
|
|
|
487
487
|
var TerminationReason$1 = "سبب إنهاء الخدمة";
|
|
488
488
|
var ThereIsNoDegreesYet$1 = "لا توجد مؤهلات علمية بعد";
|
|
489
489
|
var ThereIsNoExperiencesYet$1 = "لا توجد خبرات بعد";
|
|
490
|
-
var ThereIsNoDependentsYet$1 = "لا يوجد
|
|
490
|
+
var ThereIsNoDependentsYet$1 = "لا يوجد معالون حتى الآن";
|
|
491
491
|
var DependentTypeName$1 = "نوع المعال";
|
|
492
|
-
var Vacations
|
|
493
|
-
var Indemnity
|
|
494
|
-
var MedicalInsurance
|
|
495
|
-
var Tickets
|
|
496
|
-
var Others
|
|
497
|
-
var Type
|
|
498
|
-
var Entitlement
|
|
499
|
-
var IndemnityEligibility
|
|
500
|
-
var OvertimeEligibility
|
|
501
|
-
var SocialSecurityEligibility
|
|
502
|
-
var Class
|
|
503
|
-
var Sector
|
|
504
|
-
var Me
|
|
505
|
-
var Eligible
|
|
506
|
-
var NotEligible
|
|
507
|
-
var Member
|
|
508
|
-
var NotMember
|
|
509
|
-
var NotCoveredByMedicalInsurance
|
|
510
|
-
var NoTicketEntitlement
|
|
511
|
-
var CoverageDate
|
|
512
|
-
var TotalEmployeeShare
|
|
513
|
-
var TotalEmployerShare
|
|
514
|
-
var Dependents
|
|
515
|
-
var NotEntitled
|
|
516
|
-
var ThereAreNoDependentsYet
|
|
492
|
+
var Vacations = "الاجازات";
|
|
493
|
+
var Indemnity = "التعويض";
|
|
494
|
+
var MedicalInsurance = "التأمين الطبي";
|
|
495
|
+
var Tickets = "تذاكر";
|
|
496
|
+
var Others = "آخرين";
|
|
497
|
+
var Type = "النوع";
|
|
498
|
+
var Entitlement = "الاستحقاق";
|
|
499
|
+
var IndemnityEligibility = "أهلية التعويض";
|
|
500
|
+
var OvertimeEligibility = "أهلية العمل الإضافي";
|
|
501
|
+
var SocialSecurityEligibility = "أهلية الضمان الاجتماعي";
|
|
502
|
+
var Class = "الفئة";
|
|
503
|
+
var Sector = "القطاع";
|
|
504
|
+
var Me = "أنا";
|
|
505
|
+
var Eligible = "مؤهل";
|
|
506
|
+
var NotEligible = "غير مؤهل";
|
|
507
|
+
var Member = "عضو";
|
|
508
|
+
var NotMember = "ليس عضوًا";
|
|
509
|
+
var NotCoveredByMedicalInsurance = "غير مشمول بالتأمين الطبي";
|
|
510
|
+
var NoTicketEntitlement = "لا يوجد استحقاق تذكرة";
|
|
511
|
+
var CoverageDate = "تاريخ التغطية";
|
|
512
|
+
var TotalEmployeeShare = "إجمالي حصة الموظف";
|
|
513
|
+
var TotalEmployerShare = "إجمالي حصة صاحب العمل";
|
|
514
|
+
var Dependents = "المعالون";
|
|
515
|
+
var NotEntitled = "غير مستحق";
|
|
516
|
+
var ThereAreNoDependentsYet = "لا يوجد معالون حتى الآن";
|
|
517
517
|
var ar = {
|
|
518
518
|
ReportingTo: ReportingTo$1,
|
|
519
519
|
NotAnknown: NotAnknown$1,
|
|
@@ -637,35 +637,35 @@ var ar = {
|
|
|
637
637
|
ThereIsNoExperiencesYet: ThereIsNoExperiencesYet$1,
|
|
638
638
|
ThereIsNoDependentsYet: ThereIsNoDependentsYet$1,
|
|
639
639
|
DependentTypeName: DependentTypeName$1,
|
|
640
|
-
Vacations: Vacations
|
|
641
|
-
Indemnity: Indemnity
|
|
642
|
-
MedicalInsurance: MedicalInsurance
|
|
643
|
-
Tickets: Tickets
|
|
644
|
-
Others: Others
|
|
645
|
-
Type: Type
|
|
646
|
-
Entitlement: Entitlement
|
|
647
|
-
IndemnityEligibility: IndemnityEligibility
|
|
648
|
-
OvertimeEligibility: OvertimeEligibility
|
|
649
|
-
SocialSecurityEligibility: SocialSecurityEligibility
|
|
650
|
-
Class: Class
|
|
651
|
-
Sector: Sector
|
|
652
|
-
Me: Me
|
|
653
|
-
Eligible: Eligible
|
|
654
|
-
NotEligible: NotEligible
|
|
655
|
-
Member: Member
|
|
656
|
-
NotMember: NotMember
|
|
640
|
+
Vacations: Vacations,
|
|
641
|
+
Indemnity: Indemnity,
|
|
642
|
+
MedicalInsurance: MedicalInsurance,
|
|
643
|
+
Tickets: Tickets,
|
|
644
|
+
Others: Others,
|
|
645
|
+
Type: Type,
|
|
646
|
+
Entitlement: Entitlement,
|
|
647
|
+
IndemnityEligibility: IndemnityEligibility,
|
|
648
|
+
OvertimeEligibility: OvertimeEligibility,
|
|
649
|
+
SocialSecurityEligibility: SocialSecurityEligibility,
|
|
650
|
+
Class: Class,
|
|
651
|
+
Sector: Sector,
|
|
652
|
+
Me: Me,
|
|
653
|
+
Eligible: Eligible,
|
|
654
|
+
NotEligible: NotEligible,
|
|
655
|
+
Member: Member,
|
|
656
|
+
NotMember: NotMember,
|
|
657
657
|
"There'sNoInformationInThisSectionYet": "لا توجد معلومات في هذا القسم حتى الآن",
|
|
658
|
-
NotCoveredByMedicalInsurance: NotCoveredByMedicalInsurance
|
|
659
|
-
NoTicketEntitlement: NoTicketEntitlement
|
|
658
|
+
NotCoveredByMedicalInsurance: NotCoveredByMedicalInsurance,
|
|
659
|
+
NoTicketEntitlement: NoTicketEntitlement,
|
|
660
660
|
"Number": "العدد",
|
|
661
|
-
CoverageDate: CoverageDate
|
|
662
|
-
TotalEmployeeShare: TotalEmployeeShare
|
|
663
|
-
TotalEmployerShare: TotalEmployerShare
|
|
664
|
-
Dependents: Dependents
|
|
665
|
-
NotEntitled: NotEntitled
|
|
661
|
+
CoverageDate: CoverageDate,
|
|
662
|
+
TotalEmployeeShare: TotalEmployeeShare,
|
|
663
|
+
TotalEmployerShare: TotalEmployerShare,
|
|
664
|
+
Dependents: Dependents,
|
|
665
|
+
NotEntitled: NotEntitled,
|
|
666
666
|
"TicketEvery{{value}}Months": "تذكرة كل {{value}} شهر",
|
|
667
667
|
"TicketEvery{{value}}Month": "تذكرة كل {{value}} شهر",
|
|
668
|
-
ThereAreNoDependentsYet: ThereAreNoDependentsYet
|
|
668
|
+
ThereAreNoDependentsYet: ThereAreNoDependentsYet
|
|
669
669
|
};
|
|
670
670
|
|
|
671
671
|
var ReportingTo = "Rapport à";
|
|
@@ -1706,7 +1706,7 @@ class HRSelfWidgetsService {
|
|
|
1706
1706
|
return cached$;
|
|
1707
1707
|
}
|
|
1708
1708
|
const request$ = this.http
|
|
1709
|
-
.get(`${baseUrl}/
|
|
1709
|
+
.get(`${baseUrl}/hr/widgets/me/profile/documents/dependents`, { headers: this.headers })
|
|
1710
1710
|
.pipe(map(res => res?.ResponseData ?? []), shareReplay(1), catchError(error => {
|
|
1711
1711
|
this.profileDocumentsCacheService.clear();
|
|
1712
1712
|
return throwError(() => error);
|
|
@@ -2813,11 +2813,11 @@ class HRInfoFieldComponent {
|
|
|
2813
2813
|
valueClass = 'fs-14 fw-medium';
|
|
2814
2814
|
fallbackValue = '—';
|
|
2815
2815
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: HRInfoFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2816
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: HRInfoFieldComponent, isStandalone: true, selector: "hr-info-field", inputs: { labelKey: "labelKey", value: "value", labelClass: "labelClass", valueClass: "valueClass", fallbackValue: "fallbackValue" }, ngImport: i0, template: "<div [ngClass]=\"labelClass\">{{labelKey | HRTranslate}}</div>\r\n<div [ngClass]=\"valueClass\">{{value || fallbackValue}}</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }] });
|
|
2816
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: HRInfoFieldComponent, isStandalone: true, selector: "hr-info-field", inputs: { labelKey: "labelKey", value: "value", labelClass: "labelClass", valueClass: "valueClass", fallbackValue: "fallbackValue" }, ngImport: i0, template: "<div [ngClass]=\"labelClass\">{{labelKey | HRTranslate}}</div>\r\n<div [ngClass]=\"valueClass\" [title]=\"value || fallbackValue\">{{value || fallbackValue}}</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }] });
|
|
2817
2817
|
}
|
|
2818
2818
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: HRInfoFieldComponent, decorators: [{
|
|
2819
2819
|
type: Component,
|
|
2820
|
-
args: [{ selector: 'hr-info-field', standalone: true, imports: [CommonModule, HRTranslatePipe], template: "<div [ngClass]=\"labelClass\">{{labelKey | HRTranslate}}</div>\r\n<div [ngClass]=\"valueClass\">{{value || fallbackValue}}</div>\r\n" }]
|
|
2820
|
+
args: [{ selector: 'hr-info-field', standalone: true, imports: [CommonModule, HRTranslatePipe], template: "<div [ngClass]=\"labelClass\">{{labelKey | HRTranslate}}</div>\r\n<div [ngClass]=\"valueClass\" [title]=\"value || fallbackValue\">{{value || fallbackValue}}</div>\r\n" }]
|
|
2821
2821
|
}], propDecorators: { labelKey: [{
|
|
2822
2822
|
type: Input,
|
|
2823
2823
|
args: [{ required: true }]
|
|
@@ -3054,16 +3054,18 @@ class ProfilePersonalInfoContactWidgetComponent {
|
|
|
3054
3054
|
isLoading = true;
|
|
3055
3055
|
baseUrl = '';
|
|
3056
3056
|
headerIconClass = 'primary-icon-xl';
|
|
3057
|
-
headerTextClass = '
|
|
3057
|
+
headerTextClass = 'mt-2 field-secondary-label-lg';
|
|
3058
3058
|
headerDividerClass = 'flex-grow-1 ms-2';
|
|
3059
3059
|
rowClass = 'row mt-4';
|
|
3060
|
-
columnClass = 'col-
|
|
3061
|
-
responsiveTopSpacingColumnClass = 'col-
|
|
3060
|
+
columnClass = 'col-4';
|
|
3061
|
+
responsiveTopSpacingColumnClass = 'col-6 mt-4';
|
|
3062
3062
|
topSpacingBottomMdSpacingColumnClass = 'col-md-4 col-6 mt-4 mb-md-5';
|
|
3063
3063
|
topSpacingBottomSpacingColumnClass = 'col-md-4 col-6 mt-4 mb-5';
|
|
3064
3064
|
labelClass = 'field-secondary-label-sm';
|
|
3065
3065
|
valueClass = 'fs-14 fw-medium text-ellipsis-one-line';
|
|
3066
3066
|
emergencyContactLabelClass = 'fs-14 fw-semibold';
|
|
3067
|
+
emergencyContactColumnClass = 'col-md-4 col-6';
|
|
3068
|
+
emergencyContactResponsiveColumnClass = 'col-md-4 col-6 mt-md-0 mt-4';
|
|
3067
3069
|
emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
|
|
3068
3070
|
emptyStateTextClass = 'field-secondary-label-md';
|
|
3069
3071
|
contactIcon = faPhone;
|
|
@@ -3097,11 +3099,11 @@ class ProfilePersonalInfoContactWidgetComponent {
|
|
|
3097
3099
|
});
|
|
3098
3100
|
}
|
|
3099
3101
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfilePersonalInfoContactWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3100
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfilePersonalInfoContactWidgetComponent, isStandalone: true, selector: "hr-profile-personal-info-contact-widget", inputs: { baseUrl: "baseUrl", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", columnClass: "columnClass", responsiveTopSpacingColumnClass: "responsiveTopSpacingColumnClass", topSpacingBottomMdSpacingColumnClass: "topSpacingBottomMdSpacingColumnClass", topSpacingBottomSpacingColumnClass: "topSpacingBottomSpacingColumnClass", labelClass: "labelClass", valueClass: "valueClass", emergencyContactLabelClass: "emergencyContactLabelClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", contactIcon: "contactIcon", emergencyContactIcon: "emergencyContactIcon", sectionTitle: "sectionTitle", showEmergencyContact: "showEmergencyContact", emergencyContactRowClass: "emergencyContactRowClass" }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"contactIcon\"\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(employeePersonalInfoContactDetails){\r\n<div [ngClass]=\"rowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'MobileNumber'\"\r\n [value]=\"employeePersonalInfoContactDetails.MobileNumber\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n
|
|
3102
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfilePersonalInfoContactWidgetComponent, isStandalone: true, selector: "hr-profile-personal-info-contact-widget", inputs: { baseUrl: "baseUrl", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", columnClass: "columnClass", responsiveTopSpacingColumnClass: "responsiveTopSpacingColumnClass", topSpacingBottomMdSpacingColumnClass: "topSpacingBottomMdSpacingColumnClass", topSpacingBottomSpacingColumnClass: "topSpacingBottomSpacingColumnClass", labelClass: "labelClass", valueClass: "valueClass", emergencyContactLabelClass: "emergencyContactLabelClass", emergencyContactColumnClass: "emergencyContactColumnClass", emergencyContactResponsiveColumnClass: "emergencyContactResponsiveColumnClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", contactIcon: "contactIcon", emergencyContactIcon: "emergencyContactIcon", sectionTitle: "sectionTitle", showEmergencyContact: "showEmergencyContact", emergencyContactRowClass: "emergencyContactRowClass" }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"contactIcon\"\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(employeePersonalInfoContactDetails){\r\n<div [ngClass]=\"rowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'MobileNumber'\"\r\n [value]=\"employeePersonalInfoContactDetails.MobileNumber\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n <div class=\"mt-4\">\r\n <hr-info-field [labelKey]=\"'Email'\"\r\n [value]=\"employeePersonalInfoContactDetails.Email\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n </div>\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'HomePhone'\"\r\n [value]=\"employeePersonalInfoContactDetails.HomePhone\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n <div class=\"mt-4\">\r\n <hr-info-field [labelKey]=\"'BusinessEmail'\"\r\n [value]=\"employeePersonalInfoContactDetails.BusinessEmail\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n </div>\r\n</div>\r\n@if(showEmergencyContact)\r\n{\r\n<div [ngClass]=\"rowClass\">\r\n <div class=\"col-12\">\r\n <div [ngClass]=\"emergencyContactLabelClass\">\r\n • {{'EmergencyContact' | HRTranslate}}\r\n </div>\r\n </div>\r\n</div>\r\n<div [ngClass]=\"emergencyContactRowClass\">\r\n <div [ngClass]=\"emergencyContactColumnClass\">\r\n <hr-info-field [labelKey]=\"'Name'\"\r\n [value]=\"employeePersonalInfoContactDetails.EmergencyContact?.Name || employeePersonalInfoContactDetails.EmergencyContactLegacy\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"emergencyContactColumnClass\">\r\n <hr-info-field [labelKey]=\"'Relation'\"\r\n [value]=\"employeePersonalInfoContactDetails.EmergencyContact?.Relation\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"emergencyContactResponsiveColumnClass\">\r\n <hr-info-field [labelKey]=\"'Phone'\"\r\n [value]=\"employeePersonalInfoContactDetails.EmergencyContact?.PhoneNumber\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n</div>\r\n}\r\n}@else{\r\n<sky-empty-design-card [containerClass]=\"emptyStateContainerClass\"\r\n [cardBodyClass]=\"''\"\r\n [cardBodyContainerClass]=\"''\"\r\n [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoContactYet' | HRTranslate)\">\r\n</sky-empty-design-card>\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: "ngmodule", type: FontAwesomeModule }, { 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"] }] });
|
|
3101
3103
|
}
|
|
3102
3104
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfilePersonalInfoContactWidgetComponent, decorators: [{
|
|
3103
3105
|
type: Component,
|
|
3104
|
-
args: [{ selector: 'hr-profile-personal-info-contact-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, HRTranslatePipe, SkySectionDividerComponent, SkyEmptyDesignCardComponent, HRInfoFieldComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"contactIcon\"\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(employeePersonalInfoContactDetails){\r\n<div [ngClass]=\"rowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'MobileNumber'\"\r\n [value]=\"employeePersonalInfoContactDetails.MobileNumber\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n
|
|
3106
|
+
args: [{ selector: 'hr-profile-personal-info-contact-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, HRTranslatePipe, SkySectionDividerComponent, SkyEmptyDesignCardComponent, HRInfoFieldComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"contactIcon\"\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(employeePersonalInfoContactDetails){\r\n<div [ngClass]=\"rowClass\">\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'MobileNumber'\"\r\n [value]=\"employeePersonalInfoContactDetails.MobileNumber\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n <div class=\"mt-4\">\r\n <hr-info-field [labelKey]=\"'Email'\"\r\n [value]=\"employeePersonalInfoContactDetails.Email\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n </div>\r\n <div [ngClass]=\"columnClass\">\r\n <hr-info-field [labelKey]=\"'HomePhone'\"\r\n [value]=\"employeePersonalInfoContactDetails.HomePhone\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n <div class=\"mt-4\">\r\n <hr-info-field [labelKey]=\"'BusinessEmail'\"\r\n [value]=\"employeePersonalInfoContactDetails.BusinessEmail\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n </div>\r\n</div>\r\n@if(showEmergencyContact)\r\n{\r\n<div [ngClass]=\"rowClass\">\r\n <div class=\"col-12\">\r\n <div [ngClass]=\"emergencyContactLabelClass\">\r\n • {{'EmergencyContact' | HRTranslate}}\r\n </div>\r\n </div>\r\n</div>\r\n<div [ngClass]=\"emergencyContactRowClass\">\r\n <div [ngClass]=\"emergencyContactColumnClass\">\r\n <hr-info-field [labelKey]=\"'Name'\"\r\n [value]=\"employeePersonalInfoContactDetails.EmergencyContact?.Name || employeePersonalInfoContactDetails.EmergencyContactLegacy\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"emergencyContactColumnClass\">\r\n <hr-info-field [labelKey]=\"'Relation'\"\r\n [value]=\"employeePersonalInfoContactDetails.EmergencyContact?.Relation\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [ngClass]=\"emergencyContactResponsiveColumnClass\">\r\n <hr-info-field [labelKey]=\"'Phone'\"\r\n [value]=\"employeePersonalInfoContactDetails.EmergencyContact?.PhoneNumber\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n</div>\r\n}\r\n}@else{\r\n<sky-empty-design-card [containerClass]=\"emptyStateContainerClass\"\r\n [cardBodyClass]=\"''\"\r\n [cardBodyContainerClass]=\"''\"\r\n [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoContactYet' | HRTranslate)\">\r\n</sky-empty-design-card>\r\n}" }]
|
|
3105
3107
|
}], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
|
|
3106
3108
|
type: Input,
|
|
3107
3109
|
args: [{ required: true }]
|
|
@@ -3127,6 +3129,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
3127
3129
|
type: Input
|
|
3128
3130
|
}], emergencyContactLabelClass: [{
|
|
3129
3131
|
type: Input
|
|
3132
|
+
}], emergencyContactColumnClass: [{
|
|
3133
|
+
type: Input
|
|
3134
|
+
}], emergencyContactResponsiveColumnClass: [{
|
|
3135
|
+
type: Input
|
|
3130
3136
|
}], emptyStateContainerClass: [{
|
|
3131
3137
|
type: Input
|
|
3132
3138
|
}], emptyStateTextClass: [{
|
|
@@ -4437,6 +4443,7 @@ class ProfileEntitlementsIndemnityWidgetComponent {
|
|
|
4437
4443
|
emptyStateTextClass = 'field-secondary-label-md';
|
|
4438
4444
|
isLoadingChanged = new EventEmitter();
|
|
4439
4445
|
errorOccurred = new EventEmitter();
|
|
4446
|
+
hasDataChanged = new EventEmitter();
|
|
4440
4447
|
indemnityDetails = null;
|
|
4441
4448
|
isLoading = true;
|
|
4442
4449
|
constructor(selfWidgetsService) {
|
|
@@ -4455,18 +4462,20 @@ class ProfileEntitlementsIndemnityWidgetComponent {
|
|
|
4455
4462
|
next: (data) => {
|
|
4456
4463
|
this.indemnityDetails = data;
|
|
4457
4464
|
this.isLoading = false;
|
|
4465
|
+
this.hasDataChanged.emit(!!this.indemnityDetails);
|
|
4458
4466
|
this.isLoadingChanged.emit(false);
|
|
4459
4467
|
},
|
|
4460
4468
|
error: (error) => {
|
|
4461
4469
|
this.indemnityDetails = null;
|
|
4462
4470
|
this.isLoading = false;
|
|
4471
|
+
this.hasDataChanged.emit(false);
|
|
4463
4472
|
this.errorOccurred.emit(error?.error?.ResponseData?.Errors?.[0]?.Message);
|
|
4464
4473
|
this.isLoadingChanged.emit(false);
|
|
4465
4474
|
}
|
|
4466
4475
|
});
|
|
4467
4476
|
}
|
|
4468
4477
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileEntitlementsIndemnityWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4469
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileEntitlementsIndemnityWidgetComponent, isStandalone: true, selector: "hr-profile-entitlements-indemnity-widget", inputs: { baseUrl: "baseUrl", currencyCode: "currencyCode", currencyDecimals: "currencyDecimals", sectionTitle: "sectionTitle", indemnityIcon: "indemnityIcon", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", columnClass: "columnClass", topSpacingColumnClass: "topSpacingColumnClass", labelClass: "labelClass", valueClass: "valueClass", dateFormat: "dateFormat", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass" }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"indemnityIcon\"\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(indemnityDetails){\r\n<div [class]=\"rowClass\">\r\n <div [class]=\"columnClass\">\r\n <hr-info-field labelKey=\"IndemnityEligibility\"\r\n [value]=\"(indemnityDetails.IsEligibleForIndemnity ? 'Eligible' : 'NotEligible') | HRTranslate\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [class]=\"columnClass\">\r\n <hr-info-field labelKey=\"ServiceYears\"\r\n [value]=\"'' + (indemnityDetails.IndemnityServiceYears ?? '')\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"topSpacingColumnClass\">\r\n <hr-info-field labelKey=\"StartDate\"\r\n [value]=\"indemnityDetails.IndemnityStartDate | date: dateFormat\"\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 [containerClass]=\"emptyStateContainerClass\"\r\n [cardBodyClass]=\"''\"\r\n [cardBodyContainerClass]=\"''\"\r\n [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('There\\'sNoInformationInThisSectionYet' | HRTranslate)\">\r\n</sky-empty-design-card>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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"] }] });
|
|
4478
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileEntitlementsIndemnityWidgetComponent, isStandalone: true, selector: "hr-profile-entitlements-indemnity-widget", inputs: { baseUrl: "baseUrl", currencyCode: "currencyCode", currencyDecimals: "currencyDecimals", sectionTitle: "sectionTitle", indemnityIcon: "indemnityIcon", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", columnClass: "columnClass", topSpacingColumnClass: "topSpacingColumnClass", labelClass: "labelClass", valueClass: "valueClass", dateFormat: "dateFormat", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass" }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred", hasDataChanged: "hasDataChanged" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"indemnityIcon\"\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(indemnityDetails){\r\n<div [class]=\"rowClass\">\r\n <div [class]=\"columnClass\">\r\n <hr-info-field labelKey=\"IndemnityEligibility\"\r\n [value]=\"(indemnityDetails.IsEligibleForIndemnity ? 'Eligible' : 'NotEligible') | HRTranslate\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [class]=\"columnClass\">\r\n <hr-info-field labelKey=\"ServiceYears\"\r\n [value]=\"'' + (indemnityDetails.IndemnityServiceYears ?? '')\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"topSpacingColumnClass\">\r\n <hr-info-field labelKey=\"StartDate\"\r\n [value]=\"indemnityDetails.IndemnityStartDate | date: dateFormat\"\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 [containerClass]=\"emptyStateContainerClass\"\r\n [cardBodyClass]=\"''\"\r\n [cardBodyContainerClass]=\"''\"\r\n [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('There\\'sNoInformationInThisSectionYet' | HRTranslate)\">\r\n</sky-empty-design-card>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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"] }] });
|
|
4470
4479
|
}
|
|
4471
4480
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileEntitlementsIndemnityWidgetComponent, decorators: [{
|
|
4472
4481
|
type: Component,
|
|
@@ -4508,6 +4517,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
4508
4517
|
type: Output
|
|
4509
4518
|
}], errorOccurred: [{
|
|
4510
4519
|
type: Output
|
|
4520
|
+
}], hasDataChanged: [{
|
|
4521
|
+
type: Output
|
|
4511
4522
|
}] } });
|
|
4512
4523
|
|
|
4513
4524
|
class HRTicketCardComponent {
|
|
@@ -4578,6 +4589,7 @@ class ProfileEntitlementsTicketWidgetComponent {
|
|
|
4578
4589
|
errorOccurred = new EventEmitter();
|
|
4579
4590
|
ticketDetails = null;
|
|
4580
4591
|
isLoading = true;
|
|
4592
|
+
hasData = true;
|
|
4581
4593
|
constructor(selfWidgetsService, translatePipe) {
|
|
4582
4594
|
this.selfWidgetsService = selfWidgetsService;
|
|
4583
4595
|
this.translatePipe = translatePipe;
|
|
@@ -4595,11 +4607,13 @@ class ProfileEntitlementsTicketWidgetComponent {
|
|
|
4595
4607
|
next: (data) => {
|
|
4596
4608
|
this.ticketDetails = data;
|
|
4597
4609
|
this.isLoading = false;
|
|
4610
|
+
this.hasData = !!this.ticketDetails?.EmployeeTicketDetails || (this.ticketDetails?.DependentTicketDetails?.length ?? 0) > 0;
|
|
4598
4611
|
this.isLoadingChanged.emit(false);
|
|
4599
4612
|
},
|
|
4600
4613
|
error: (error) => {
|
|
4601
4614
|
this.ticketDetails = null;
|
|
4602
4615
|
this.isLoading = false;
|
|
4616
|
+
this.hasData = false;
|
|
4603
4617
|
this.errorOccurred.emit(error?.error?.ResponseData?.Errors?.[0]?.Message);
|
|
4604
4618
|
this.isLoadingChanged.emit(false);
|
|
4605
4619
|
}
|
|
@@ -4620,11 +4634,11 @@ class ProfileEntitlementsTicketWidgetComponent {
|
|
|
4620
4634
|
return this.translatePipe.transform('NotEntitled');
|
|
4621
4635
|
}
|
|
4622
4636
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileEntitlementsTicketWidgetComponent, deps: [{ token: HRSelfWidgetsService }, { token: HRTranslatePipe }], target: i0.ɵɵFactoryTarget.Component });
|
|
4623
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileEntitlementsTicketWidgetComponent, isStandalone: true, selector: "hr-profile-entitlements-ticket-widget", inputs: { baseUrl: "baseUrl", sectionTitle: "sectionTitle", ticketsIcon: "ticketsIcon", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", columnClass: "columnClass", cardHeight: "cardHeight", cardClass: "cardClass", nameClass: "nameClass", subtitleClass: "subtitleClass", labelClass: "labelClass", valueClass: "valueClass" }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"ticketsIcon\"\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(ticketDetails){\r\n@if(!ticketDetails.EmployeeTicketDetails && ticketDetails.DependentTicketDetails?.length == 0){\r\n<sky-empty-design-card [containerClass]=\"emptyStateContainerClass\"\r\n [cardBodyClass]=\"''\"\r\n [cardBodyContainerClass]=\"''\"\r\n [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"'NoTicketEntitlement' | HRTranslate\">\r\n</sky-empty-design-card>\r\n}@else{\r\n<div class=\"row mb-5\">\r\n @if(ticketDetails.EmployeeTicketDetails){\r\n <div [class]=\"columnClass\">\r\n <hr-ticket-card [name]=\"ticketDetails.EmployeeTicketDetails.EmployeeFirstName\"\r\n [entitlementText]=\"getMonthsPerTicketEntitlement(ticketDetails.EmployeeTicketDetails.MonthsPerTicketEntitlement)\"\r\n [ticketClassName]=\"ticketDetails.EmployeeTicketDetails.TicketClassName\"\r\n [ticketSectorName]=\"ticketDetails.EmployeeTicketDetails.TicketSectorName\"\r\n [cardClass]=\"cardClass\"\r\n [cardHeight]=\"cardHeight\"\r\n [nameClass]=\"nameClass\"\r\n [subtitleClass]=\"subtitleClass\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-ticket-card>\r\n </div>\r\n }\r\n @for (dependent of ticketDetails.DependentTicketDetails; track dependent;){\r\n <div [class]=\"columnClass\">\r\n <hr-ticket-card [name]=\"dependent.DependentName\"\r\n [typeName]=\"dependent.DependentTypeName\"\r\n [entitlementText]=\"getMonthsPerTicketEntitlement(dependent.MonthsPerTicketEntitlement)\"\r\n [isDependent]=\"true\"\r\n [cardClass]=\"cardClass\"\r\n [cardHeight]=\"cardHeight\"\r\n [nameClass]=\"nameClass\"\r\n [subtitleClass]=\"subtitleClass\">\r\n </hr-ticket-card>\r\n </div>\r\n }\r\n</div>\r\n}\r\n}@else{\r\n<sky-empty-design-card [containerClass]=\"emptyStateContainerClass\"\r\n [cardBodyClass]=\"''\"\r\n [cardBodyContainerClass]=\"''\"\r\n [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('NoTicketEntitlement' | HRTranslate)\">\r\n</sky-empty-design-card>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: HRTicketCardComponent, selector: "hr-ticket-card", inputs: ["name", "typeName", "entitlementText", "ticketClassName", "ticketSectorName", "isDependent", "cardClass", "cardHeight", "nameClass", "subtitleClass", "labelClass", "valueClass"] }] });
|
|
4637
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileEntitlementsTicketWidgetComponent, isStandalone: true, selector: "hr-profile-entitlements-ticket-widget", inputs: { baseUrl: "baseUrl", sectionTitle: "sectionTitle", ticketsIcon: "ticketsIcon", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", columnClass: "columnClass", cardHeight: "cardHeight", cardClass: "cardClass", nameClass: "nameClass", subtitleClass: "subtitleClass", labelClass: "labelClass", valueClass: "valueClass" }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "@if(hasData){\r\n<sky-section-divider [fontAwesomeIcon]=\"ticketsIcon\"\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(ticketDetails){\r\n@if(!ticketDetails.EmployeeTicketDetails && ticketDetails.DependentTicketDetails?.length == 0){\r\n<sky-empty-design-card [containerClass]=\"emptyStateContainerClass\"\r\n [cardBodyClass]=\"''\"\r\n [cardBodyContainerClass]=\"''\"\r\n [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"'NoTicketEntitlement' | HRTranslate\">\r\n</sky-empty-design-card>\r\n}@else{\r\n<div class=\"row mb-5\">\r\n @if(ticketDetails.EmployeeTicketDetails){\r\n <div [class]=\"columnClass\" [style.height.px]=\"cardHeight\">\r\n <hr-ticket-card [name]=\"ticketDetails.EmployeeTicketDetails.EmployeeFirstName\"\r\n [entitlementText]=\"getMonthsPerTicketEntitlement(ticketDetails.EmployeeTicketDetails.MonthsPerTicketEntitlement)\"\r\n [ticketClassName]=\"ticketDetails.EmployeeTicketDetails.TicketClassName\"\r\n [ticketSectorName]=\"ticketDetails.EmployeeTicketDetails.TicketSectorName\"\r\n [cardClass]=\"cardClass\"\r\n [cardHeight]=\"cardHeight\"\r\n [nameClass]=\"nameClass\"\r\n [subtitleClass]=\"subtitleClass\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-ticket-card>\r\n </div>\r\n }\r\n @for (dependent of ticketDetails.DependentTicketDetails; track dependent;){\r\n <div [class]=\"columnClass\" [style.height.px]=\"cardHeight\">\r\n <hr-ticket-card [name]=\"dependent.DependentName\"\r\n [typeName]=\"dependent.DependentTypeName\"\r\n [entitlementText]=\"getMonthsPerTicketEntitlement(dependent.MonthsPerTicketEntitlement)\"\r\n [isDependent]=\"true\"\r\n [cardClass]=\"cardClass\"\r\n [cardHeight]=\"cardHeight\"\r\n [nameClass]=\"nameClass\"\r\n [subtitleClass]=\"subtitleClass\">\r\n </hr-ticket-card>\r\n </div>\r\n }\r\n</div>\r\n}\r\n}@else{\r\n<sky-empty-design-card [containerClass]=\"emptyStateContainerClass\"\r\n [cardBodyClass]=\"''\"\r\n [cardBodyContainerClass]=\"''\"\r\n [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('NoTicketEntitlement' | HRTranslate)\">\r\n</sky-empty-design-card>\r\n}\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: HRTicketCardComponent, selector: "hr-ticket-card", inputs: ["name", "typeName", "entitlementText", "ticketClassName", "ticketSectorName", "isDependent", "cardClass", "cardHeight", "nameClass", "subtitleClass", "labelClass", "valueClass"] }] });
|
|
4624
4638
|
}
|
|
4625
4639
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileEntitlementsTicketWidgetComponent, decorators: [{
|
|
4626
4640
|
type: Component,
|
|
4627
|
-
args: [{ selector: 'hr-profile-entitlements-ticket-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, SkyEmptyDesignCardComponent, HRTicketCardComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"ticketsIcon\"\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(ticketDetails){\r\n@if(!ticketDetails.EmployeeTicketDetails && ticketDetails.DependentTicketDetails?.length == 0){\r\n<sky-empty-design-card [containerClass]=\"emptyStateContainerClass\"\r\n [cardBodyClass]=\"''\"\r\n [cardBodyContainerClass]=\"''\"\r\n [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"'NoTicketEntitlement' | HRTranslate\">\r\n</sky-empty-design-card>\r\n}@else{\r\n<div class=\"row mb-5\">\r\n @if(ticketDetails.EmployeeTicketDetails){\r\n <div [class]=\"columnClass\">\r\n <hr-ticket-card [name]=\"ticketDetails.EmployeeTicketDetails.EmployeeFirstName\"\r\n [entitlementText]=\"getMonthsPerTicketEntitlement(ticketDetails.EmployeeTicketDetails.MonthsPerTicketEntitlement)\"\r\n [ticketClassName]=\"ticketDetails.EmployeeTicketDetails.TicketClassName\"\r\n [ticketSectorName]=\"ticketDetails.EmployeeTicketDetails.TicketSectorName\"\r\n [cardClass]=\"cardClass\"\r\n [cardHeight]=\"cardHeight\"\r\n [nameClass]=\"nameClass\"\r\n [subtitleClass]=\"subtitleClass\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-ticket-card>\r\n </div>\r\n }\r\n @for (dependent of ticketDetails.DependentTicketDetails; track dependent;){\r\n <div [class]=\"columnClass\">\r\n <hr-ticket-card [name]=\"dependent.DependentName\"\r\n [typeName]=\"dependent.DependentTypeName\"\r\n [entitlementText]=\"getMonthsPerTicketEntitlement(dependent.MonthsPerTicketEntitlement)\"\r\n [isDependent]=\"true\"\r\n [cardClass]=\"cardClass\"\r\n [cardHeight]=\"cardHeight\"\r\n [nameClass]=\"nameClass\"\r\n [subtitleClass]=\"subtitleClass\">\r\n </hr-ticket-card>\r\n </div>\r\n }\r\n</div>\r\n}\r\n}@else{\r\n<sky-empty-design-card [containerClass]=\"emptyStateContainerClass\"\r\n [cardBodyClass]=\"''\"\r\n [cardBodyContainerClass]=\"''\"\r\n [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('NoTicketEntitlement' | HRTranslate)\">\r\n</sky-empty-design-card>\r\n}\r\n" }]
|
|
4641
|
+
args: [{ selector: 'hr-profile-entitlements-ticket-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, SkyEmptyDesignCardComponent, HRTicketCardComponent], template: "@if(hasData){\r\n<sky-section-divider [fontAwesomeIcon]=\"ticketsIcon\"\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(ticketDetails){\r\n@if(!ticketDetails.EmployeeTicketDetails && ticketDetails.DependentTicketDetails?.length == 0){\r\n<sky-empty-design-card [containerClass]=\"emptyStateContainerClass\"\r\n [cardBodyClass]=\"''\"\r\n [cardBodyContainerClass]=\"''\"\r\n [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"'NoTicketEntitlement' | HRTranslate\">\r\n</sky-empty-design-card>\r\n}@else{\r\n<div class=\"row mb-5\">\r\n @if(ticketDetails.EmployeeTicketDetails){\r\n <div [class]=\"columnClass\" [style.height.px]=\"cardHeight\">\r\n <hr-ticket-card [name]=\"ticketDetails.EmployeeTicketDetails.EmployeeFirstName\"\r\n [entitlementText]=\"getMonthsPerTicketEntitlement(ticketDetails.EmployeeTicketDetails.MonthsPerTicketEntitlement)\"\r\n [ticketClassName]=\"ticketDetails.EmployeeTicketDetails.TicketClassName\"\r\n [ticketSectorName]=\"ticketDetails.EmployeeTicketDetails.TicketSectorName\"\r\n [cardClass]=\"cardClass\"\r\n [cardHeight]=\"cardHeight\"\r\n [nameClass]=\"nameClass\"\r\n [subtitleClass]=\"subtitleClass\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-ticket-card>\r\n </div>\r\n }\r\n @for (dependent of ticketDetails.DependentTicketDetails; track dependent;){\r\n <div [class]=\"columnClass\" [style.height.px]=\"cardHeight\">\r\n <hr-ticket-card [name]=\"dependent.DependentName\"\r\n [typeName]=\"dependent.DependentTypeName\"\r\n [entitlementText]=\"getMonthsPerTicketEntitlement(dependent.MonthsPerTicketEntitlement)\"\r\n [isDependent]=\"true\"\r\n [cardClass]=\"cardClass\"\r\n [cardHeight]=\"cardHeight\"\r\n [nameClass]=\"nameClass\"\r\n [subtitleClass]=\"subtitleClass\">\r\n </hr-ticket-card>\r\n </div>\r\n }\r\n</div>\r\n}\r\n}@else{\r\n<sky-empty-design-card [containerClass]=\"emptyStateContainerClass\"\r\n [cardBodyClass]=\"''\"\r\n [cardBodyContainerClass]=\"''\"\r\n [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('NoTicketEntitlement' | HRTranslate)\">\r\n</sky-empty-design-card>\r\n}\r\n}\r\n" }]
|
|
4628
4642
|
}], ctorParameters: () => [{ type: HRSelfWidgetsService }, { type: HRTranslatePipe }], propDecorators: { baseUrl: [{
|
|
4629
4643
|
type: Input,
|
|
4630
4644
|
args: [{ required: true }]
|
|
@@ -4769,11 +4783,11 @@ class ProfileEntitlementsMedicalInsuranceWidgetComponent {
|
|
|
4769
4783
|
];
|
|
4770
4784
|
}
|
|
4771
4785
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileEntitlementsMedicalInsuranceWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4772
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileEntitlementsMedicalInsuranceWidgetComponent, isStandalone: true, selector: "hr-profile-entitlements-medical-insurance-widget", inputs: { baseUrl: "baseUrl", sectionTitle: "sectionTitle", medicalInsuranceIcon: "medicalInsuranceIcon", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", labelClass: "labelClass", valueClass: "valueClass", columnClass: "columnClass", cardHeight: "cardHeight", cardClass: "cardClass", nameClass: "nameClass", dateFormat: "dateFormat", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass" }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"medicalInsuranceIcon\"\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(medicalInsuranceDetails){\r\n<div class=\"row mb-5\">\r\n @if(medicalInsuranceDetails.EmployeeMedicalInsurance){\r\n <div [class]=\"columnClass\">\r\n <hr-medical-insurance-card [name]=\"medicalInsuranceDetails.EmployeeMedicalInsurance.EmployeeFirstName\"\r\n [fields]=\"employeeFields\"\r\n [cardClass]=\"cardClass\"\r\n [cardHeight]=\"cardHeight\"\r\n [nameClass]=\"nameClass\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-medical-insurance-card>\r\n </div>\r\n }\r\n @for (dependent of medicalInsuranceDetails.DependentsMedicalInsurance; track dependent){\r\n <div [class]=\"columnClass\">\r\n <hr-medical-insurance-card [name]=\"dependent.DependentName\"\r\n [typeName]=\"dependent.DependentTypeName\"\r\n [isDependent]=\"true\"\r\n [fields]=\"getDependentFields(dependent)\"\r\n [cardClass]=\"cardClass\"\r\n [cardHeight]=\"cardHeight\"\r\n [nameClass]=\"nameClass\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-medical-insurance-card>\r\n </div>\r\n }\r\n</div>\r\n}@else{\r\n<sky-empty-design-card [containerClass]=\"emptyStateContainerClass\"\r\n [cardBodyClass]=\"''\"\r\n [cardBodyContainerClass]=\"''\"\r\n [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('NotCoveredByMedicalInsurance' | HRTranslate)\">\r\n</sky-empty-design-card>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: HRMedicalInsuranceCardComponent, selector: "hr-medical-insurance-card", inputs: ["name", "typeName", "isDependent", "fields", "cardClass", "cardHeight", "nameClass", "labelClass", "valueClass"] }] });
|
|
4786
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileEntitlementsMedicalInsuranceWidgetComponent, isStandalone: true, selector: "hr-profile-entitlements-medical-insurance-widget", inputs: { baseUrl: "baseUrl", sectionTitle: "sectionTitle", medicalInsuranceIcon: "medicalInsuranceIcon", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", labelClass: "labelClass", valueClass: "valueClass", columnClass: "columnClass", cardHeight: "cardHeight", cardClass: "cardClass", nameClass: "nameClass", dateFormat: "dateFormat", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass" }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"medicalInsuranceIcon\"\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(medicalInsuranceDetails){\r\n<div class=\"row mb-5\">\r\n @if(medicalInsuranceDetails.EmployeeMedicalInsurance){\r\n <div [class]=\"columnClass\" [style.height.px]=\"cardHeight\">\r\n <hr-medical-insurance-card [name]=\"medicalInsuranceDetails.EmployeeMedicalInsurance.EmployeeFirstName\"\r\n [fields]=\"employeeFields\"\r\n [cardClass]=\"cardClass\"\r\n [cardHeight]=\"cardHeight\"\r\n [nameClass]=\"nameClass\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-medical-insurance-card>\r\n </div>\r\n }\r\n @for (dependent of medicalInsuranceDetails.DependentsMedicalInsurance; track dependent){\r\n <div [class]=\"columnClass\" [style.height.px]=\"cardHeight\">\r\n <hr-medical-insurance-card [name]=\"dependent.DependentName\"\r\n [typeName]=\"dependent.DependentTypeName\"\r\n [isDependent]=\"true\"\r\n [fields]=\"getDependentFields(dependent)\"\r\n [cardClass]=\"cardClass\"\r\n [cardHeight]=\"cardHeight\"\r\n [nameClass]=\"nameClass\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-medical-insurance-card>\r\n </div>\r\n }\r\n</div>\r\n}@else{\r\n<sky-empty-design-card [containerClass]=\"emptyStateContainerClass\"\r\n [cardBodyClass]=\"''\"\r\n [cardBodyContainerClass]=\"''\"\r\n [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('NotCoveredByMedicalInsurance' | HRTranslate)\">\r\n</sky-empty-design-card>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: HRMedicalInsuranceCardComponent, selector: "hr-medical-insurance-card", inputs: ["name", "typeName", "isDependent", "fields", "cardClass", "cardHeight", "nameClass", "labelClass", "valueClass"] }] });
|
|
4773
4787
|
}
|
|
4774
4788
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileEntitlementsMedicalInsuranceWidgetComponent, decorators: [{
|
|
4775
4789
|
type: Component,
|
|
4776
|
-
args: [{ selector: 'hr-profile-entitlements-medical-insurance-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, SkyEmptyDesignCardComponent, HRMedicalInsuranceCardComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"medicalInsuranceIcon\"\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(medicalInsuranceDetails){\r\n<div class=\"row mb-5\">\r\n @if(medicalInsuranceDetails.EmployeeMedicalInsurance){\r\n <div [class]=\"columnClass\">\r\n <hr-medical-insurance-card [name]=\"medicalInsuranceDetails.EmployeeMedicalInsurance.EmployeeFirstName\"\r\n [fields]=\"employeeFields\"\r\n [cardClass]=\"cardClass\"\r\n [cardHeight]=\"cardHeight\"\r\n [nameClass]=\"nameClass\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-medical-insurance-card>\r\n </div>\r\n }\r\n @for (dependent of medicalInsuranceDetails.DependentsMedicalInsurance; track dependent){\r\n <div [class]=\"columnClass\">\r\n <hr-medical-insurance-card [name]=\"dependent.DependentName\"\r\n [typeName]=\"dependent.DependentTypeName\"\r\n [isDependent]=\"true\"\r\n [fields]=\"getDependentFields(dependent)\"\r\n [cardClass]=\"cardClass\"\r\n [cardHeight]=\"cardHeight\"\r\n [nameClass]=\"nameClass\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-medical-insurance-card>\r\n </div>\r\n }\r\n</div>\r\n}@else{\r\n<sky-empty-design-card [containerClass]=\"emptyStateContainerClass\"\r\n [cardBodyClass]=\"''\"\r\n [cardBodyContainerClass]=\"''\"\r\n [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('NotCoveredByMedicalInsurance' | HRTranslate)\">\r\n</sky-empty-design-card>\r\n}\r\n" }]
|
|
4790
|
+
args: [{ selector: 'hr-profile-entitlements-medical-insurance-widget', standalone: true, imports: [CommonModule, HRTranslatePipe, SkySectionDividerComponent, SkyEmptyDesignCardComponent, HRMedicalInsuranceCardComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"medicalInsuranceIcon\"\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(medicalInsuranceDetails){\r\n<div class=\"row mb-5\">\r\n @if(medicalInsuranceDetails.EmployeeMedicalInsurance){\r\n <div [class]=\"columnClass\" [style.height.px]=\"cardHeight\">\r\n <hr-medical-insurance-card [name]=\"medicalInsuranceDetails.EmployeeMedicalInsurance.EmployeeFirstName\"\r\n [fields]=\"employeeFields\"\r\n [cardClass]=\"cardClass\"\r\n [cardHeight]=\"cardHeight\"\r\n [nameClass]=\"nameClass\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-medical-insurance-card>\r\n </div>\r\n }\r\n @for (dependent of medicalInsuranceDetails.DependentsMedicalInsurance; track dependent){\r\n <div [class]=\"columnClass\" [style.height.px]=\"cardHeight\">\r\n <hr-medical-insurance-card [name]=\"dependent.DependentName\"\r\n [typeName]=\"dependent.DependentTypeName\"\r\n [isDependent]=\"true\"\r\n [fields]=\"getDependentFields(dependent)\"\r\n [cardClass]=\"cardClass\"\r\n [cardHeight]=\"cardHeight\"\r\n [nameClass]=\"nameClass\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-medical-insurance-card>\r\n </div>\r\n }\r\n</div>\r\n}@else{\r\n<sky-empty-design-card [containerClass]=\"emptyStateContainerClass\"\r\n [cardBodyClass]=\"''\"\r\n [cardBodyContainerClass]=\"''\"\r\n [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('NotCoveredByMedicalInsurance' | HRTranslate)\">\r\n</sky-empty-design-card>\r\n}\r\n" }]
|
|
4777
4791
|
}], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
|
|
4778
4792
|
type: Input,
|
|
4779
4793
|
args: [{ required: true }]
|