@skysoftware-co/bayan-hr-widgets-ui 1.0.41 → 1.0.43

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.
@@ -522,10 +522,13 @@ var TotalEmployerShare$1 = "إجمالي حصة صاحب العمل";
522
522
  var Dependents$1 = "المعالون";
523
523
  var NotEntitled$1 = "غير مستحق";
524
524
  var ThereAreNoDependentsYet$1 = "لا يوجد معالون حتى الآن";
525
- var PersonalDocuments$1 = "المستندات الشخصية";
525
+ var PersonalDocuments = "المستندات الشخصية";
526
526
  var ThereIsNoPersonalDocumentsYet = "لا توجد مستندات شخصية بعد";
527
527
  var ThereIsNoDependentsDocumentsYet = "لا توجد مستندات للمعالون بعد";
528
- var DependentsDocuments$1 = "مستندات المعالون";
528
+ var DependentsDocuments = "مستندات المعالون";
529
+ var IssueDate = "تاريخ الإصدار";
530
+ var ExpiryDate = "تاريخ انتهاء الصلاحية";
531
+ var DocumentNumber = "رقم الوثيقة";
529
532
  var ar = {
530
533
  ReportingTo: ReportingTo$1,
531
534
  NotAnknown: NotAnknown$1,
@@ -678,10 +681,13 @@ var ar = {
678
681
  "TicketEvery{{value}}Months": "تذكرة كل {{value}} شهر",
679
682
  "TicketEvery{{value}}Month": "تذكرة كل {{value}} شهر",
680
683
  ThereAreNoDependentsYet: ThereAreNoDependentsYet$1,
681
- PersonalDocuments: PersonalDocuments$1,
684
+ PersonalDocuments: PersonalDocuments,
682
685
  ThereIsNoPersonalDocumentsYet: ThereIsNoPersonalDocumentsYet,
683
686
  ThereIsNoDependentsDocumentsYet: ThereIsNoDependentsDocumentsYet,
684
- DependentsDocuments: DependentsDocuments$1
687
+ DependentsDocuments: DependentsDocuments,
688
+ IssueDate: IssueDate,
689
+ ExpiryDate: ExpiryDate,
690
+ DocumentNumber: DocumentNumber
685
691
  };
686
692
 
687
693
  var ReportingTo = "Rapport à";
@@ -829,10 +835,6 @@ var TotalEmployerShare = "Part totale de l'employeur";
829
835
  var Dependents = "Personnes à charge";
830
836
  var NotEntitled = "Non éligible au droit";
831
837
  var ThereAreNoDependentsYet = "Il n'y a pas encore de personnes à charge";
832
- var PersonalDocuments = "Documents personnels";
833
- var ThereAreNoPersonalDocumentsYet = "Il n'y a pas encore de documents personnels";
834
- var ThereAreNoDependentsDocumentsYet = "Il n'y a pas encore de documents pour les personnes à charge";
835
- var DependentsDocuments = "Documents des personnes à charge";
836
838
  var fr = {
837
839
  ReportingTo: ReportingTo,
838
840
  NotAnknown: NotAnknown,
@@ -985,11 +987,7 @@ var fr = {
985
987
  NotEntitled: NotEntitled,
986
988
  "TicketEvery{{value}}Months": "Billet tous les {{value}} mois",
987
989
  "TicketEvery{{value}}Month": "Billet tous les {{value}} mois",
988
- ThereAreNoDependentsYet: ThereAreNoDependentsYet,
989
- PersonalDocuments: PersonalDocuments,
990
- ThereAreNoPersonalDocumentsYet: ThereAreNoPersonalDocumentsYet,
991
- ThereAreNoDependentsDocumentsYet: ThereAreNoDependentsDocumentsYet,
992
- DependentsDocuments: DependentsDocuments
990
+ ThereAreNoDependentsYet: ThereAreNoDependentsYet
993
991
  };
994
992
 
995
993
  const BUILT_IN_LEXICONS = { en, ar, fr };
@@ -5149,14 +5147,14 @@ class ProfilePersonalDocumentsWidgetComponent {
5149
5147
  downloadIconClass = 'fs-15 mx-3 text-dark cursor-pointer';
5150
5148
  emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
5151
5149
  emptyStateTextClass = 'field-secondary-label-md';
5152
- cardClass = 'mt-4 card-shadow position-relative';
5150
+ cardClass = 'mt-4 card-shadow position-relative p-4';
5153
5151
  rowClass = 'row px-4 pb-3';
5154
5152
  rowPtClass = 'pt-3';
5155
5153
  columnClass = 'col-md-3 col-6';
5156
5154
  responsiveTopSpacingColClass = 'col-md-3 col-6 mt-md-0 mt-4';
5157
5155
  topSpacingColClass = 'col-md-3 col-6 mt-4';
5158
5156
  labelClass = 'field-secondary-label-sm mb-1';
5159
- actionsColumnClass = 'col-2 align-items-end mt-3';
5157
+ actionsColumnClass = 'col-2 d-flex align-items-center gap-2 mt-3';
5160
5158
  isLoadingChanged = new EventEmitter();
5161
5159
  attachmentViewed = new EventEmitter();
5162
5160
  attachmentDownloaded = new EventEmitter();
@@ -5196,11 +5194,11 @@ class ProfilePersonalDocumentsWidgetComponent {
5196
5194
  this.attachmentDownloaded.emit(attachments);
5197
5195
  }
5198
5196
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfilePersonalDocumentsWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
5199
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfilePersonalDocumentsWidgetComponent, isStandalone: true, selector: "hr-profile-personal-documents-widget", inputs: { baseUrl: "baseUrl", employeeName: "employeeName", sectionTitle: "sectionTitle", icon: "icon", viewIcon: "viewIcon", downloadIcon: "downloadIcon", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", valueClass: "valueClass", viewIconClass: "viewIconClass", downloadIconClass: "downloadIconClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", cardClass: "cardClass", rowClass: "rowClass", rowPtClass: "rowPtClass", columnClass: "columnClass", responsiveTopSpacingColClass: "responsiveTopSpacingColClass", topSpacingColClass: "topSpacingColClass", labelClass: "labelClass", actionsColumnClass: "actionsColumnClass" }, outputs: { isLoadingChanged: "isLoadingChanged", attachmentViewed: "attachmentViewed", attachmentDownloaded: "attachmentDownloaded", errorOccurred: "errorOccurred" }, 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 @if(documents.length) {\r\n <div [class]=\"cardClass\">\r\n <div class=\"px-3 pt-3\">\r\n <span class=\"text-dark fs-16\">\r\n {{ employeeName }}\r\n </span>\r\n <span class=\"text-dark fs-16 mx-1\">\r\n ({{ 'Me' | HRTranslate }})\r\n </span>\r\n </div>\r\n @for(doc of documents; track doc; let last = $last) {\r\n <div [ngClass]=\"[rowClass, rowPtClass]\">\r\n <div [class]=\"columnClass\" [title]=\"doc.DocumentTypeName\">\r\n <hr-info-field [labelKey]=\"'Type'\"\r\n [value]=\"doc.DocumentTypeName\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [class]=\"columnClass\" [title]=\"doc.DocumentNumber\">\r\n <hr-info-field [labelKey]=\"'DocumentNumber'\"\r\n [value]=\"doc.DocumentNumber || '-'\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [class]=\"responsiveTopSpacingColClass\" [title]=\"doc.IssueDate\">\r\n <hr-info-field [labelKey]=\"'IssueDate'\"\r\n [value]=\"doc.IssueDate ? (doc.IssueDate | date:'dd/MM/yyyy') : '-'\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [class]=\"responsiveTopSpacingColClass\" [title]=\"doc.ExpiryDate\">\r\n <hr-info-field [labelKey]=\"'ExpiryDate'\"\r\n [value]=\"doc.ExpiryDate ? (doc.ExpiryDate | date:'dd/MM/yyyy') : '-'\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n @if(last) {\r\n <div [class]=\"actionsColumnClass\">\r\n @if(doc.Attachments?.length) {\r\n @if(doc.Attachments.length === 1) {\r\n <fa-icon [icon]=\"viewIcon\"\r\n [class]=\"viewIconClass\"\r\n (click)=\"onAttachmentView(doc)\">\r\n </fa-icon>\r\n }\r\n <fa-icon [icon]=\"downloadIcon\"\r\n [class]=\"downloadIconClass\"\r\n (click)=\"onDownload(doc)\">\r\n </fa-icon>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n } @else {\r\n <sky-empty-design-card [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [containerClass]=\"emptyStateContainerClass\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereAreNoPersonalDocumentsYet' | HRTranslate)\">\r\n </sky-empty-design-card>\r\n }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "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: i3.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"] }] });
5197
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfilePersonalDocumentsWidgetComponent, isStandalone: true, selector: "hr-profile-personal-documents-widget", inputs: { baseUrl: "baseUrl", employeeName: "employeeName", sectionTitle: "sectionTitle", icon: "icon", viewIcon: "viewIcon", downloadIcon: "downloadIcon", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", valueClass: "valueClass", viewIconClass: "viewIconClass", downloadIconClass: "downloadIconClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", cardClass: "cardClass", rowClass: "rowClass", rowPtClass: "rowPtClass", columnClass: "columnClass", responsiveTopSpacingColClass: "responsiveTopSpacingColClass", topSpacingColClass: "topSpacingColClass", labelClass: "labelClass", actionsColumnClass: "actionsColumnClass" }, outputs: { isLoadingChanged: "isLoadingChanged", attachmentViewed: "attachmentViewed", attachmentDownloaded: "attachmentDownloaded", errorOccurred: "errorOccurred" }, 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 @if(documents.length) {\r\n <div [class]=\"cardClass\">\r\n <div class=\"px-3 pt-3\">\r\n <span class=\"text-dark fs-16\">\r\n {{ employeeName }}\r\n </span>\r\n <span class=\"text-dark fs-16 mx-1\">\r\n ({{ 'Me' }})\r\n </span>\r\n </div>\r\n @for(doc of documents; track doc) {\r\n <div class=\"row px-4 pt-3 align-items-center\">\r\n <div class=\"col-md-3 col-6\" [title]=\"doc.DocumentTypeName\">\r\n <div [class]=\"labelClass\">Type</div>\r\n <div [class]=\"valueClass\">{{ doc.DocumentTypeName || '-' }}</div>\r\n </div>\r\n <div class=\"col-md-3 col-6\" [title]=\"doc.DocumentNumber\">\r\n <div [class]=\"labelClass\">Document Number</div>\r\n <div [class]=\"valueClass\">{{ doc.DocumentNumber || '-' }}</div>\r\n </div>\r\n <div class=\"col-md-2 col-6 mt-md-0 mt-3\" [title]=\"doc.IssueDate\">\r\n <div [class]=\"labelClass\">Issue Date</div>\r\n <div [class]=\"valueClass\">{{ doc.IssueDate ? (doc.IssueDate | date:'dd/MM/yyyy') : '-' }}</div>\r\n </div>\r\n <div class=\"col-md-2 col-6 mt-md-0 mt-3\" [title]=\"doc.ExpiryDate\">\r\n <div [class]=\"labelClass\">Expiry Date</div>\r\n <div [class]=\"valueClass\">{{ doc.ExpiryDate ? (doc.ExpiryDate | date:'dd/MM/yyyy') : '-' }}</div>\r\n </div>\r\n <div class=\"col-md-2 col-12 d-flex align-items-center gap-2 mt-md-0 mt-3\">\r\n @if(doc.Attachments && doc.Attachments.length > 0) {\r\n @if(doc.Attachments.length === 1) {\r\n <fa-icon [icon]=\"viewIcon\"\r\n [class]=\"viewIconClass\"\r\n (click)=\"onAttachmentView(doc)\">\r\n </fa-icon>\r\n }\r\n <div class=\"bg-light-gray rounded-3 d-flex justify-content-center align-items-center cursor-pointer\"\r\n [ngClass]=\"{'px-3': doc.Attachments.length > 1, 'px-2': doc.Attachments.length === 1}\"\r\n (click)=\"onDownload(doc)\">\r\n <fa-icon [icon]=\"downloadIcon\" class=\"fs-6 text-dark\"></fa-icon>\r\n <span class=\"text-dark fs-12 fw-bold ps-2\">{{ doc.Attachments.length }}</span>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n } @else {\r\n <sky-empty-design-card [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [containerClass]=\"emptyStateContainerClass\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereAreNoPersonalDocumentsYet' | HRTranslate)\">\r\n </sky-empty-design-card>\r\n }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "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: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] });
5200
5198
  }
5201
5199
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfilePersonalDocumentsWidgetComponent, decorators: [{
5202
5200
  type: Component,
5203
- args: [{ selector: 'hr-profile-personal-documents-widget', standalone: true, imports: [CommonModule, SkySectionDividerComponent, HRTranslatePipe, SkyEmptyDesignCardComponent, FontAwesomeModule, HRInfoFieldComponent], 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 @if(documents.length) {\r\n <div [class]=\"cardClass\">\r\n <div class=\"px-3 pt-3\">\r\n <span class=\"text-dark fs-16\">\r\n {{ employeeName }}\r\n </span>\r\n <span class=\"text-dark fs-16 mx-1\">\r\n ({{ 'Me' | HRTranslate }})\r\n </span>\r\n </div>\r\n @for(doc of documents; track doc; let last = $last) {\r\n <div [ngClass]=\"[rowClass, rowPtClass]\">\r\n <div [class]=\"columnClass\" [title]=\"doc.DocumentTypeName\">\r\n <hr-info-field [labelKey]=\"'Type'\"\r\n [value]=\"doc.DocumentTypeName\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [class]=\"columnClass\" [title]=\"doc.DocumentNumber\">\r\n <hr-info-field [labelKey]=\"'DocumentNumber'\"\r\n [value]=\"doc.DocumentNumber || '-'\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [class]=\"responsiveTopSpacingColClass\" [title]=\"doc.IssueDate\">\r\n <hr-info-field [labelKey]=\"'IssueDate'\"\r\n [value]=\"doc.IssueDate ? (doc.IssueDate | date:'dd/MM/yyyy') : '-'\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n <div [class]=\"responsiveTopSpacingColClass\" [title]=\"doc.ExpiryDate\">\r\n <hr-info-field [labelKey]=\"'ExpiryDate'\"\r\n [value]=\"doc.ExpiryDate ? (doc.ExpiryDate | date:'dd/MM/yyyy') : '-'\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n @if(last) {\r\n <div [class]=\"actionsColumnClass\">\r\n @if(doc.Attachments?.length) {\r\n @if(doc.Attachments.length === 1) {\r\n <fa-icon [icon]=\"viewIcon\"\r\n [class]=\"viewIconClass\"\r\n (click)=\"onAttachmentView(doc)\">\r\n </fa-icon>\r\n }\r\n <fa-icon [icon]=\"downloadIcon\"\r\n [class]=\"downloadIconClass\"\r\n (click)=\"onDownload(doc)\">\r\n </fa-icon>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n } @else {\r\n <sky-empty-design-card [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [containerClass]=\"emptyStateContainerClass\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereAreNoPersonalDocumentsYet' | HRTranslate)\">\r\n </sky-empty-design-card>\r\n }\r\n</div>\r\n" }]
5201
+ args: [{ selector: 'hr-profile-personal-documents-widget', standalone: true, imports: [CommonModule, SkySectionDividerComponent, HRTranslatePipe, SkyEmptyDesignCardComponent, FontAwesomeModule, HRInfoFieldComponent], 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 @if(documents.length) {\r\n <div [class]=\"cardClass\">\r\n <div class=\"px-3 pt-3\">\r\n <span class=\"text-dark fs-16\">\r\n {{ employeeName }}\r\n </span>\r\n <span class=\"text-dark fs-16 mx-1\">\r\n ({{ 'Me' }})\r\n </span>\r\n </div>\r\n @for(doc of documents; track doc) {\r\n <div class=\"row px-4 pt-3 align-items-center\">\r\n <div class=\"col-md-3 col-6\" [title]=\"doc.DocumentTypeName\">\r\n <div [class]=\"labelClass\">Type</div>\r\n <div [class]=\"valueClass\">{{ doc.DocumentTypeName || '-' }}</div>\r\n </div>\r\n <div class=\"col-md-3 col-6\" [title]=\"doc.DocumentNumber\">\r\n <div [class]=\"labelClass\">Document Number</div>\r\n <div [class]=\"valueClass\">{{ doc.DocumentNumber || '-' }}</div>\r\n </div>\r\n <div class=\"col-md-2 col-6 mt-md-0 mt-3\" [title]=\"doc.IssueDate\">\r\n <div [class]=\"labelClass\">Issue Date</div>\r\n <div [class]=\"valueClass\">{{ doc.IssueDate ? (doc.IssueDate | date:'dd/MM/yyyy') : '-' }}</div>\r\n </div>\r\n <div class=\"col-md-2 col-6 mt-md-0 mt-3\" [title]=\"doc.ExpiryDate\">\r\n <div [class]=\"labelClass\">Expiry Date</div>\r\n <div [class]=\"valueClass\">{{ doc.ExpiryDate ? (doc.ExpiryDate | date:'dd/MM/yyyy') : '-' }}</div>\r\n </div>\r\n <div class=\"col-md-2 col-12 d-flex align-items-center gap-2 mt-md-0 mt-3\">\r\n @if(doc.Attachments && doc.Attachments.length > 0) {\r\n @if(doc.Attachments.length === 1) {\r\n <fa-icon [icon]=\"viewIcon\"\r\n [class]=\"viewIconClass\"\r\n (click)=\"onAttachmentView(doc)\">\r\n </fa-icon>\r\n }\r\n <div class=\"bg-light-gray rounded-3 d-flex justify-content-center align-items-center cursor-pointer\"\r\n [ngClass]=\"{'px-3': doc.Attachments.length > 1, 'px-2': doc.Attachments.length === 1}\"\r\n (click)=\"onDownload(doc)\">\r\n <fa-icon [icon]=\"downloadIcon\" class=\"fs-6 text-dark\"></fa-icon>\r\n <span class=\"text-dark fs-12 fw-bold ps-2\">{{ doc.Attachments.length }}</span>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n } @else {\r\n <sky-empty-design-card [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [containerClass]=\"emptyStateContainerClass\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereAreNoPersonalDocumentsYet' | HRTranslate)\">\r\n </sky-empty-design-card>\r\n }\r\n</div>\r\n" }]
5204
5202
  }], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
5205
5203
  type: Input
5206
5204
  }], employeeName: [{