@skysoftware-co/bayan-hr-widgets-ui 1.0.23 → 1.0.25

package/README.md

@@ -365,7 +365,7 @@ The package also exports profile-focused widgets used in the employee profile pa
 | `headerIconClass` | string | `'primary-icon-xl'` | Header icon CSS class. |
 | `headerTextClass` | string | `'fs-16 mt-2 text-secondary'` | Header text CSS class. |
 | `headerDividerClass` | string | `'flex-grow-1 ms-2'` | Header divider CSS class. |
-| `rowClass` | string | `'row mt-4'` | Main row CSS class. |
+| `rowClass` | string | `'mt-4'` | Main row CSS class. |
 | `itemRowClass` | string | `'row col-10 mt-3'` | Experience row CSS class. |
 | `itemColumnClass` | string | `'col-3'` | Column CSS class. |
 | `labelClass` | string | `'field-secondary-label-sm'` | `hr-info-field` label CSS class. |
@@ -403,7 +403,7 @@ The package also exports profile-focused widgets used in the employee profile pa
 | `headerIconClass` | string | `'primary-icon-xl'` | Header icon CSS class. |
 | `headerTextClass` | string | `'fs-16 mt-2 text-secondary'` | Header text CSS class. |
 | `headerDividerClass` | string | `'flex-grow-1 ms-2'` | Header divider CSS class. |
-| `rowClass` | string | `'row mt-4'` | Main row CSS class. |
+| `rowClass` | string | `'mt-4'` | Main row CSS class. |
 | `itemRowClass` | string | `'row col-10 mt-3'` | Degree row CSS class. |
 | `itemColumnClass` | string | `'col-3'` | Column CSS class. |
 | `labelClass` | string | `'field-secondary-label-sm'` | `hr-info-field` label CSS class. |

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

@@ -11,9 +11,9 @@ 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 } from '@fortawesome/pro-light-svg-icons';
 import * as i2 from 'devextreme-angular/core';
-import { faCircle, faCalendarDays, faEye } from '@fortawesome/pro-regular-svg-icons';
+import { faCircle, faCalendarDays } from '@fortawesome/pro-regular-svg-icons';
 import moment from 'moment';
 import { faPlaneDeparture, faPlaneArrival } from '@fortawesome/pro-solid-svg-icons';
 import CustomStore from 'devextreme/data/custom_store';
@@ -2523,11 +2523,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 }]
@@ -3690,224 +3690,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Output
             }] } });
 
-class ProfileExperiencesWidgetComponent {
-    service;
-    experiences = [];
-    isLoading = true;
-    baseUrl = '';
-    sectionTitle = 'experiences';
-    viewIcon = faEye;
-    downloadIcon = faFolderArrowDown;
-    experienceIcon = faUsersRays;
-    headerIconClass = 'primary-icon-xl';
-    headerTextClass = 'fs-16 mt-2 text-secondary';
-    headerDividerClass = 'flex-grow-1 ms-2';
-    rowClass = 'row mt-4';
-    itemRowClass = 'row col-10 mt-3';
-    itemColumnClass = 'col-3';
-    labelClass = 'field-secondary-label-sm';
-    valueClass = 'text-dark-gray fs-14 text-ellipsis-one-line cursor-pointer';
-    actionsColumnClass = 'col-2 mt-3';
-    viewIconClass = 'fs-15 text-dark cursor-pointer';
-    downloadIconClass = 'fs-15 text-dark cursor-pointer mx-2';
-    emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
-    emptyStateTextClass = 'field-secondary-label-md';
-    isLoadingChanged = new EventEmitter();
-    attachmentViewed = new EventEmitter();
-    attachmentDownloaded = new EventEmitter();
-    errorOccurred = new EventEmitter();
-    constructor(service) {
-        this.service = service;
-    }
-    ngOnInit() {
-        if (!this.baseUrl) {
-            this.isLoading = false;
-            return;
-        }
-        this.isLoadingChanged.emit(true);
-        this.service.getEmployeeExperiences(this.baseUrl).subscribe({
-            next: (res) => {
-                this.experiences = res ?? [];
-                this.isLoading = false;
-                this.isLoadingChanged.emit(false);
-            },
-            error: (error) => {
-                this.experiences = [];
-                this.isLoading = false;
-                this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
-                this.isLoadingChanged.emit(false);
-            }
-        });
-    }
-    onAttachmentView(file) {
-        this.attachmentViewed.emit(file);
-    }
-    onAttachmentDownload(file) {
-        this.attachmentDownloaded.emit(file);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileExperiencesWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileExperiencesWidgetComponent, isStandalone: true, selector: "hr-profile-experiences-widget", inputs: { baseUrl: "baseUrl", sectionTitle: "sectionTitle", viewIcon: "viewIcon", downloadIcon: "downloadIcon", experienceIcon: "experienceIcon", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", itemRowClass: "itemRowClass", itemColumnClass: "itemColumnClass", labelClass: "labelClass", valueClass: "valueClass", actionsColumnClass: "actionsColumnClass", viewIconClass: "viewIconClass", downloadIconClass: "downloadIconClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass" }, outputs: { isLoadingChanged: "isLoadingChanged", attachmentViewed: "attachmentViewed", attachmentDownloaded: "attachmentDownloaded", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"experienceIcon\"\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(experiences.length > 0){\r\n\r\n<div [class]=\"rowClass\">\r\n\r\n  @for (experience of experiences; track experience){\r\n\r\n  <div [class]=\"itemRowClass\">\r\n\r\n    <div [class]=\"itemColumnClass\">\r\n      <hr-info-field labelKey=\"Period\"\r\n                     [value]=\"(experience.StartDate | date:'dd/MM/yyyy') + ' - ' + (experience.EndDate | date:'dd/MM/yyyy')\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n    <div [class]=\"itemColumnClass\">\r\n      <hr-info-field labelKey=\"Employer\"\r\n                     [value]=\"experience.Employer\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n    <div [class]=\"itemColumnClass\">\r\n      <hr-info-field labelKey=\"Position\"\r\n                     [value]=\"experience.Position\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n    <div [class]=\"itemColumnClass\">\r\n      <hr-info-field labelKey=\"TerminationReason\"\r\n                     [value]=\"experience.TerminationReason\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n  </div>\r\n\r\n  @if(experience.Document){\r\n  <div [class]=\"actionsColumnClass\">\r\n    <fa-icon [icon]=\"viewIcon\" [class]=\"viewIconClass\" (click)=\"onAttachmentView(experience.Document)\"></fa-icon>\r\n    <fa-icon [icon]=\"downloadIcon\" [class]=\"downloadIconClass\" (click)=\"onAttachmentDownload(experience.Document)\"></fa-icon>\r\n  </div>\r\n  }\r\n\r\n  }\r\n\r\n</div>\r\n\r\n}@else{\r\n\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)) : ('ThereIsNoExperiencesYet' | 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: i2$1.DatePipe, name: "date" }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { 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: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { 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: ProfileExperiencesWidgetComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'hr-profile-experiences-widget', standalone: true, imports: [CommonModule, SkySectionDividerComponent,
-                        HRTranslatePipe, SkyEmptyDesignCardComponent, FontAwesomeModule, HRInfoFieldComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"experienceIcon\"\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(experiences.length > 0){\r\n\r\n<div [class]=\"rowClass\">\r\n\r\n  @for (experience of experiences; track experience){\r\n\r\n  <div [class]=\"itemRowClass\">\r\n\r\n    <div [class]=\"itemColumnClass\">\r\n      <hr-info-field labelKey=\"Period\"\r\n                     [value]=\"(experience.StartDate | date:'dd/MM/yyyy') + ' - ' + (experience.EndDate | date:'dd/MM/yyyy')\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n    <div [class]=\"itemColumnClass\">\r\n      <hr-info-field labelKey=\"Employer\"\r\n                     [value]=\"experience.Employer\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n    <div [class]=\"itemColumnClass\">\r\n      <hr-info-field labelKey=\"Position\"\r\n                     [value]=\"experience.Position\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n    <div [class]=\"itemColumnClass\">\r\n      <hr-info-field labelKey=\"TerminationReason\"\r\n                     [value]=\"experience.TerminationReason\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n  </div>\r\n\r\n  @if(experience.Document){\r\n  <div [class]=\"actionsColumnClass\">\r\n    <fa-icon [icon]=\"viewIcon\" [class]=\"viewIconClass\" (click)=\"onAttachmentView(experience.Document)\"></fa-icon>\r\n    <fa-icon [icon]=\"downloadIcon\" [class]=\"downloadIconClass\" (click)=\"onAttachmentDownload(experience.Document)\"></fa-icon>\r\n  </div>\r\n  }\r\n\r\n  }\r\n\r\n</div>\r\n\r\n}@else{\r\n\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)) : ('ThereIsNoExperiencesYet' | HRTranslate)\">\r\n</sky-empty-design-card>\r\n\r\n}\r\n" }]
-        }], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
-                type: Input
-            }], sectionTitle: [{
-                type: Input
-            }], viewIcon: [{
-                type: Input
-            }], downloadIcon: [{
-                type: Input
-            }], experienceIcon: [{
-                type: Input
-            }], headerIconClass: [{
-                type: Input
-            }], headerTextClass: [{
-                type: Input
-            }], headerDividerClass: [{
-                type: Input
-            }], rowClass: [{
-                type: Input
-            }], itemRowClass: [{
-                type: Input
-            }], itemColumnClass: [{
-                type: Input
-            }], labelClass: [{
-                type: Input
-            }], valueClass: [{
-                type: Input
-            }], actionsColumnClass: [{
-                type: Input
-            }], viewIconClass: [{
-                type: Input
-            }], downloadIconClass: [{
-                type: Input
-            }], emptyStateContainerClass: [{
-                type: Input
-            }], emptyStateTextClass: [{
-                type: Input
-            }], isLoadingChanged: [{
-                type: Output
-            }], attachmentViewed: [{
-                type: Output
-            }], attachmentDownloaded: [{
-                type: Output
-            }], errorOccurred: [{
-                type: Output
-            }] } });
-
-class ProfileDegreesWidgetComponent {
-    service;
-    degrees = [];
-    isLoading = true;
-    baseUrl = '';
-    sectionTitle = 'Degrees';
-    degreesIcon = faFileCertificate;
-    viewIcon = faEye;
-    downloadIcon = faFolderArrowDown;
-    headerIconClass = 'primary-icon-xl';
-    headerTextClass = 'fs-16 mt-2 text-secondary';
-    headerDividerClass = 'flex-grow-1 ms-2';
-    rowClass = 'row mt-4';
-    itemRowClass = 'row col-10 mt-3';
-    itemColumnClass = 'col-3';
-    labelClass = 'field-secondary-label-sm';
-    valueClass = 'text-dark-gray fs-14';
-    valueEllipsisClass = 'text-dark-gray fs-14 text-ellipsis-one-line cursor-pointer';
-    actionsColumnClass = 'col-2 align-items-end mt-3';
-    viewIconClass = 'fs-15 text-dark cursor-pointer';
-    downloadIconClass = 'fs-15 mx-3 text-dark cursor-pointer';
-    emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
-    emptyStateTextClass = 'field-secondary-label-md';
-    isLoadingChanged = new EventEmitter();
-    attachmentViewed = new EventEmitter();
-    attachmentDownloaded = new EventEmitter();
-    errorOccurred = new EventEmitter();
-    constructor(service) {
-        this.service = service;
-    }
-    ngOnInit() {
-        if (!this.baseUrl) {
-            this.isLoading = false;
-            return;
-        }
-        this.isLoadingChanged.emit(true);
-        this.service.getEmployeeDegrees(this.baseUrl).subscribe({
-            next: (res) => {
-                this.degrees = res ?? [];
-                this.isLoading = false;
-                this.isLoadingChanged.emit(false);
-            },
-            error: (error) => {
-                this.degrees = [];
-                this.isLoading = false;
-                this.errorOccurred.emit(error.error.ResponseData.Errors[0].Message);
-                this.isLoadingChanged.emit(false);
-            }
-        });
-    }
-    onAttachmentView(file) {
-        this.attachmentViewed.emit(file);
-    }
-    onAttachmentDownload(file) {
-        this.attachmentDownloaded.emit(file);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileDegreesWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileDegreesWidgetComponent, isStandalone: true, selector: "hr-profile-degrees-widget", inputs: { baseUrl: "baseUrl", sectionTitle: "sectionTitle", degreesIcon: "degreesIcon", viewIcon: "viewIcon", downloadIcon: "downloadIcon", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", itemRowClass: "itemRowClass", itemColumnClass: "itemColumnClass", labelClass: "labelClass", valueClass: "valueClass", valueEllipsisClass: "valueEllipsisClass", actionsColumnClass: "actionsColumnClass", viewIconClass: "viewIconClass", downloadIconClass: "downloadIconClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass" }, outputs: { isLoadingChanged: "isLoadingChanged", attachmentViewed: "attachmentViewed", attachmentDownloaded: "attachmentDownloaded", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"degreesIcon\"\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(degrees.length > 0){\r\n\r\n<div [class]=\"rowClass\">\r\n\r\n  @for (qualification of degrees; track qualification){\r\n\r\n  <div [class]=\"itemRowClass\">\r\n\r\n    <div [class]=\"itemColumnClass\">\r\n      <hr-info-field labelKey=\"Degree/Year\"\r\n                     [value]=\"(qualification.DegreeName + ' / ' + qualification.DegreeYear)\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n    <div [class]=\"itemColumnClass\">\r\n      <hr-info-field labelKey=\"Country\"\r\n                     [value]=\"qualification.CountryName\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueEllipsisClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n    <div [class]=\"itemColumnClass\">\r\n      <hr-info-field labelKey=\"Specialty\"\r\n                     [value]=\"qualification.Specialty\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueEllipsisClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n    <div [class]=\"itemColumnClass\">\r\n      <hr-info-field labelKey=\"Institute\"\r\n                     [value]=\"qualification.Institute\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueEllipsisClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n  </div>\r\n\r\n  @if(qualification.Document){\r\n  <div [class]=\"actionsColumnClass\">\r\n    <fa-icon [icon]=\"viewIcon\" [class]=\"viewIconClass\" (click)=\"onAttachmentView(qualification.Document)\"></fa-icon>\r\n    <fa-icon [icon]=\"downloadIcon\" [class]=\"downloadIconClass\" (click)=\"onAttachmentDownload(qualification.Document)\"></fa-icon>\r\n  </div>\r\n  }\r\n\r\n  }\r\n\r\n</div>\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)) : ('ThereIsNoDegreesYet' | 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: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { 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: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { 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: ProfileDegreesWidgetComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'hr-profile-degrees-widget', standalone: true, imports: [CommonModule, SkySectionDividerComponent, HRTranslatePipe, SkyEmptyDesignCardComponent, FontAwesomeModule, HRInfoFieldComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"degreesIcon\"\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(degrees.length > 0){\r\n\r\n<div [class]=\"rowClass\">\r\n\r\n  @for (qualification of degrees; track qualification){\r\n\r\n  <div [class]=\"itemRowClass\">\r\n\r\n    <div [class]=\"itemColumnClass\">\r\n      <hr-info-field labelKey=\"Degree/Year\"\r\n                     [value]=\"(qualification.DegreeName + ' / ' + qualification.DegreeYear)\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n    <div [class]=\"itemColumnClass\">\r\n      <hr-info-field labelKey=\"Country\"\r\n                     [value]=\"qualification.CountryName\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueEllipsisClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n    <div [class]=\"itemColumnClass\">\r\n      <hr-info-field labelKey=\"Specialty\"\r\n                     [value]=\"qualification.Specialty\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueEllipsisClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n    <div [class]=\"itemColumnClass\">\r\n      <hr-info-field labelKey=\"Institute\"\r\n                     [value]=\"qualification.Institute\"\r\n                     [labelClass]=\"labelClass\"\r\n                     [valueClass]=\"valueEllipsisClass\">\r\n      </hr-info-field>\r\n    </div>\r\n\r\n  </div>\r\n\r\n  @if(qualification.Document){\r\n  <div [class]=\"actionsColumnClass\">\r\n    <fa-icon [icon]=\"viewIcon\" [class]=\"viewIconClass\" (click)=\"onAttachmentView(qualification.Document)\"></fa-icon>\r\n    <fa-icon [icon]=\"downloadIcon\" [class]=\"downloadIconClass\" (click)=\"onAttachmentDownload(qualification.Document)\"></fa-icon>\r\n  </div>\r\n  }\r\n\r\n  }\r\n\r\n</div>\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)) : ('ThereIsNoDegreesYet' | HRTranslate)\">\r\n  </sky-empty-design-card>\r\n\r\n}\r\n" }]
-        }], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
-                type: Input
-            }], sectionTitle: [{
-                type: Input
-            }], degreesIcon: [{
-                type: Input
-            }], viewIcon: [{
-                type: Input
-            }], downloadIcon: [{
-                type: Input
-            }], headerIconClass: [{
-                type: Input
-            }], headerTextClass: [{
-                type: Input
-            }], headerDividerClass: [{
-                type: Input
-            }], rowClass: [{
-                type: Input
-            }], itemRowClass: [{
-                type: Input
-            }], itemColumnClass: [{
-                type: Input
-            }], labelClass: [{
-                type: Input
-            }], valueClass: [{
-                type: Input
-            }], valueEllipsisClass: [{
-                type: Input
-            }], actionsColumnClass: [{
-                type: Input
-            }], viewIconClass: [{
-                type: Input
-            }], downloadIconClass: [{
-                type: Input
-            }], emptyStateContainerClass: [{
-                type: Input
-            }], emptyStateTextClass: [{
-                type: Input
-            }], isLoadingChanged: [{
-                type: Output
-            }], attachmentViewed: [{
-                type: Output
-            }], attachmentDownloaded: [{
-                type: Output
-            }], errorOccurred: [{
-                type: Output
-            }] } });
-
 /*
  * Public API Surface of shared-ui
  */
@@ -3916,5 +3698,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, ProfileDegreesWidgetComponent, ProfileExperiencesWidgetComponent, 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, ProfileBankInfoWidgetComponent, ProfileJobInfoContractWidgetComponent, ProfileJobInfoMainWidgetComponent, ProfileJobInfoSalaryWidgetComponent, ProfileJobInfoServiceChargeWidgetComponent, ProfilePersonalInfoAddressWidgetComponent, ProfilePersonalInfoContactWidgetComponent, ProfilePersonalInfoLanguagesWidgetComponent, ProfilePersonalInfoMainWidgetComponent, ProfilePersonalInfoOtherNationalitiesWidgetComponent, PublicHolidayWeekContext, RelativeDay, ScheduleVacationTypes, ServiceChargeEntitlementMode, VacationPopupType };
 //# sourceMappingURL=skysoftware-co-bayan-hr-widgets-ui.mjs.map