@skysoftware-co/bayan-hr-widgets-ui 1.0.34 → 1.0.35

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, faFolderArrowDown, faUsersRays, faFileCertificate } from '@fortawesome/pro-light-svg-icons';
+import { faCakeCandles, faTreePalm, faCalendarStar, faMoneyCheckDollarPen, faMemoCircleInfo, faPhone, faBolt, faLanguage, faEarthAfrica, faHouse, faFileSignature, faSackDollar, faEnvelopeOpenDollar, faXmark, faFolderArrowDown, faUsersRays, faFileCertificate, faUsersLine } from '@fortawesome/pro-light-svg-icons';
 import * as i2 from 'devextreme-angular/core';
 import { faCircle, faCalendarDays, faEye } from '@fortawesome/pro-regular-svg-icons';
 import moment from 'moment';
@@ -188,8 +188,6 @@ var Employer$2 = "Employer";
 var TerminationReason$2 = "Termination reason";
 var ThereIsNoDegreesYet$2 = "There are no degrees yet";
 var ThereIsNoExperiencesYet$2 = "There are no experiences yet";
-var ThereIsNoDependentsYet$2 = "There are no dependents yet";
-var DependentTypeName$2 = "Dependent Type";
 var en = {
 	ReportingTo: ReportingTo$2,
 	NotAnknown: NotAnknown$2,
@@ -303,7 +301,7 @@ var en = {
 	Degrees: Degrees$2,
 	degrees: degrees$2,
 	experiences: experiences$2,
-	"Degree/Year": "Degree/Year",
+	"Degree/Year": "Degree / Year",
 	Country: Country$2,
 	Specialty: Specialty$2,
 	Institute: Institute$2,
@@ -311,9 +309,7 @@ var en = {
 	Employer: Employer$2,
 	TerminationReason: TerminationReason$2,
 	ThereIsNoDegreesYet: ThereIsNoDegreesYet$2,
-	ThereIsNoExperiencesYet: ThereIsNoExperiencesYet$2,
-	ThereIsNoDependentsYet: ThereIsNoDependentsYet$2,
-	DependentTypeName: DependentTypeName$2
+	ThereIsNoExperiencesYet: ThereIsNoExperiencesYet$2
 };
 
 var ReportingTo$1 = "مفوض الى";
@@ -414,7 +410,7 @@ var ThereIsNoJobMainYet$1 = "لا توجد معلومات وظيفية بعد";
 var ThereIsNoJobContractYet$1 = "لا توجد معلومات عقد بعد";
 var ThereIsNoJobSalaryYet$1 = "لا توجد معلومات راتب بعد";
 var ThereIsNoJobServiceChargeYet$1 = "لا توجد معلومات مستحقات نهاية الخدمة بعد";
-var NextWeekVacationInsights$1 = "رؤى إجازات الأسبوع القادم";
+var NextWeekVacationInsights$1 = "ملخص إجازات الأسبوع القادم";
 var UpcomingVacations$1 = "الإجازات القادمة";
 var ExpectedToReturn$1 = "المتوقع عودتهم";
 var Employee$1 = "الموظف";
@@ -433,8 +429,6 @@ var Employer$1 = "جهة العمل";
 var TerminationReason$1 = "سبب إنهاء الخدمة";
 var ThereIsNoDegreesYet$1 = "لا توجد مؤهلات علمية بعد";
 var ThereIsNoExperiencesYet$1 = "لا توجد خبرات بعد";
-var ThereIsNoDependentsYet$1 = "لا يوجد معالين حتى الآن";
-var DependentTypeName$1 = "نوع المعال";
 var ar = {
 	ReportingTo: ReportingTo$1,
 	NotAnknown: NotAnknown$1,
@@ -555,9 +549,7 @@ var ar = {
 	Employer: Employer$1,
 	TerminationReason: TerminationReason$1,
 	ThereIsNoDegreesYet: ThereIsNoDegreesYet$1,
-	ThereIsNoExperiencesYet: ThereIsNoExperiencesYet$1,
-	ThereIsNoDependentsYet: ThereIsNoDependentsYet$1,
-	DependentTypeName: DependentTypeName$1
+	ThereIsNoExperiencesYet: ThereIsNoExperiencesYet$1
 };
 
 var ReportingTo = "Rapport à";
@@ -2604,11 +2596,11 @@ class HRInfoFieldComponent {
     valueClass = 'fs-14 fw-medium';
     fallbackValue = '—';
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: HRInfoFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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" }] });
+    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" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: HRInfoFieldComponent, decorators: [{
             type: Component,
-            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" }]
+            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" }]
         }], propDecorators: { labelKey: [{
                 type: Input,
                 args: [{ required: true }]
@@ -4042,6 +4034,88 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Output
             }] } });
 
+class WidgetCardComponent {
+    cardClass = 'bg-white shadow-sm p-3 border-1 border';
+    height = 110;
+    contentTemplate;
+    context;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: WidgetCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: WidgetCardComponent, isStandalone: true, selector: "hr-widget-card", inputs: { cardClass: "cardClass", height: "height", contentTemplate: "contentTemplate", context: "context" }, ngImport: i0, template: "<div [class]=\"cardClass\" [style.height.px]=\"height\" style=\"overflow: hidden;\">\n  <ng-container *ngTemplateOutlet=\"contentTemplate; context: context\">\n  </ng-container>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: WidgetCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'hr-widget-card', standalone: true, imports: [CommonModule], template: "<div [class]=\"cardClass\" [style.height.px]=\"height\" style=\"overflow: hidden;\">\n  <ng-container *ngTemplateOutlet=\"contentTemplate; context: context\">\n  </ng-container>\n</div>\n" }]
+        }], propDecorators: { cardClass: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], contentTemplate: [{
+                type: Input
+            }], context: [{
+                type: Input
+            }] } });
+
+class DependentsWidgetComponent {
+    service;
+    baseUrl = '';
+    sectionTitle = 'Dependents';
+    icon = faUsersLine;
+    headerIconClass = 'primary-icon-xl';
+    headerTextClass = 'fs-16 mt-2 text-secondary';
+    headerDividerClass = 'flex-grow-1 ms-2';
+    emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
+    emptyStateTextClass = 'field-secondary-label-md';
+    dependents = [];
+    isLoading = true;
+    isLoadingChanged = new EventEmitter();
+    constructor(service) {
+        this.service = service;
+    }
+    ngOnInit() {
+        if (!this.baseUrl) {
+            this.isLoading = false;
+            return;
+        }
+        this.isLoadingChanged.emit(true);
+        this.service.getEmployeeDependents(this.baseUrl).subscribe({
+            next: (res) => {
+                this.dependents = res ?? [];
+                this.isLoading = false;
+                this.isLoadingChanged.emit(false);
+            },
+            error: () => {
+                this.dependents = [];
+                this.isLoading = false;
+                this.isLoadingChanged.emit(false);
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DependentsWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: DependentsWidgetComponent, isStandalone: true, selector: "hr-profile-dependents-widget", inputs: { baseUrl: "baseUrl", sectionTitle: "sectionTitle", icon: "icon", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass" }, outputs: { isLoadingChanged: "isLoadingChanged" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"icon\"\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 class=\"mt-4\">\r\n  <div class=\"row mb-5\">\r\n    @if(dependents.length){\r\n    @for(d of dependents; track d){\r\n    <div class=\"col-lg-4 col-6 mt-4\">\r\n\r\n      <hr-widget-card [contentTemplate]=\"dependentTemplate\"\r\n                       [context]=\"{ d: d }\"\r\n                       [height]=\"110\">\r\n      </hr-widget-card>\r\n\r\n    </div>\r\n    }\r\n    }\r\n    @else {\r\n\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)) : ('ThereIsNoDependentsYet' | HRTranslate)\">\r\n    </sky-empty-design-card>\r\n\r\n\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<ng-template #dependentTemplate let-d=\"d\">\r\n  <p class=\"text-dark fs-16 mb-2 d-flex\">\r\n    <span class=\"text-truncate cursor-pointer\" [title]=\"d.DependantName\">\r\n      {{ d.DependentName }}\r\n    </span>\r\n    <span class=\"mx-1\">({{ d.DependentTypeName }})</span>\r\n  </p>\r\n  <p class=\"mb-2 fs-12\">\r\n    <span class=\"text-muted\">{{'BirthDate'|HRTranslate}}: </span>\r\n    <span class=\"text-secondary mx-1\">{{ d.BirthDate | date:'dd/MM/yyyy' }}</span>\r\n  </p>\r\n  <p class=\"mb-0 fs-12\">\r\n    <span class=\"text-muted\">{{'NationalNumber'|HRTranslate }}: </span>\r\n    @if(d.NationalNumber){\r\n    <span class=\"text-secondary mx-1\">{{ d.NationalNumber }}</span>\r\n    } @else {\r\n    <span class=\"text-secondary mx-1\">\u2014</span>\r\n    }\r\n  </p>\r\n</ng-template>\r\n\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: "component", type: WidgetCardComponent, selector: "hr-widget-card", inputs: ["cardClass", "height", "contentTemplate", "context"] }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }, { 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: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DependentsWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'hr-profile-dependents-widget', standalone: true, imports: [CommonModule, WidgetCardComponent, HRTranslatePipe, SkyEmptyDesignCardComponent, SkySectionDividerComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"icon\"\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 class=\"mt-4\">\r\n  <div class=\"row mb-5\">\r\n    @if(dependents.length){\r\n    @for(d of dependents; track d){\r\n    <div class=\"col-lg-4 col-6 mt-4\">\r\n\r\n      <hr-widget-card [contentTemplate]=\"dependentTemplate\"\r\n                       [context]=\"{ d: d }\"\r\n                       [height]=\"110\">\r\n      </hr-widget-card>\r\n\r\n    </div>\r\n    }\r\n    }\r\n    @else {\r\n\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)) : ('ThereIsNoDependentsYet' | HRTranslate)\">\r\n    </sky-empty-design-card>\r\n\r\n\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<ng-template #dependentTemplate let-d=\"d\">\r\n  <p class=\"text-dark fs-16 mb-2 d-flex\">\r\n    <span class=\"text-truncate cursor-pointer\" [title]=\"d.DependantName\">\r\n      {{ d.DependentName }}\r\n    </span>\r\n    <span class=\"mx-1\">({{ d.DependentTypeName }})</span>\r\n  </p>\r\n  <p class=\"mb-2 fs-12\">\r\n    <span class=\"text-muted\">{{'BirthDate'|HRTranslate}}: </span>\r\n    <span class=\"text-secondary mx-1\">{{ d.BirthDate | date:'dd/MM/yyyy' }}</span>\r\n  </p>\r\n  <p class=\"mb-0 fs-12\">\r\n    <span class=\"text-muted\">{{'NationalNumber'|HRTranslate }}: </span>\r\n    @if(d.NationalNumber){\r\n    <span class=\"text-secondary mx-1\">{{ d.NationalNumber }}</span>\r\n    } @else {\r\n    <span class=\"text-secondary mx-1\">\u2014</span>\r\n    }\r\n  </p>\r\n</ng-template>\r\n\r\n\r\n" }]
+        }], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
+                type: Input
+            }], sectionTitle: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], headerIconClass: [{
+                type: Input
+            }], headerTextClass: [{
+                type: Input
+            }], headerDividerClass: [{
+                type: Input
+            }], emptyStateContainerClass: [{
+                type: Input
+            }], emptyStateTextClass: [{
+                type: Input
+            }], isLoadingChanged: [{
+                type: Output
+            }] } });
+
 /*
  * Public API Surface of shared-ui
  */
@@ -4050,5 +4124,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { EventOption, EventTypeEnum, HRCardHeaderComponent, HRConstantsService, HREmployeeCalendarComponent, HRHighlightPipe, HRTranslatePipe, HRTranslateService, MainWidgetShortcut, MyCalendarWidgetComponent, MyMainDetailsWidgetComponent, MyNextWeekVacationInsightsWidgetComponent, MyUpcomingEventsWidgetComponent, ProfileBankInfoWidgetComponent, ProfileDegreesWidgetComponent, ProfileExperiencesWidgetComponent, ProfileJobInfoContractWidgetComponent, ProfileJobInfoMainWidgetComponent, ProfileJobInfoSalaryWidgetComponent, ProfileJobInfoServiceChargeWidgetComponent, ProfilePersonalInfoAddressWidgetComponent, ProfilePersonalInfoContactWidgetComponent, ProfilePersonalInfoLanguagesWidgetComponent, ProfilePersonalInfoMainWidgetComponent, ProfilePersonalInfoOtherNationalitiesWidgetComponent, PublicHolidayWeekContext, RelativeDay, ScheduleVacationTypes, ServiceChargeEntitlementMode, VacationPopupType };
+export { DependentsWidgetComponent, EventOption, EventTypeEnum, HRCardHeaderComponent, HRConstantsService, HREmployeeCalendarComponent, HRHighlightPipe, HRTranslatePipe, HRTranslateService, MainWidgetShortcut, MyCalendarWidgetComponent, MyMainDetailsWidgetComponent, MyNextWeekVacationInsightsWidgetComponent, MyUpcomingEventsWidgetComponent, ProfileBankInfoWidgetComponent, ProfileDegreesWidgetComponent, ProfileExperiencesWidgetComponent, ProfileJobInfoContractWidgetComponent, ProfileJobInfoMainWidgetComponent, ProfileJobInfoSalaryWidgetComponent, ProfileJobInfoServiceChargeWidgetComponent, ProfilePersonalInfoAddressWidgetComponent, ProfilePersonalInfoContactWidgetComponent, ProfilePersonalInfoLanguagesWidgetComponent, ProfilePersonalInfoMainWidgetComponent, ProfilePersonalInfoOtherNationalitiesWidgetComponent, PublicHolidayWeekContext, RelativeDay, ScheduleVacationTypes, ServiceChargeEntitlementMode, VacationPopupType };
 //# sourceMappingURL=skysoftware-co-bayan-hr-widgets-ui.mjs.map