@skysoftware-co/bayan-hr-widgets-ui 1.0.50 → 1.0.52

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 CHANGED
@@ -1013,7 +1013,7 @@ This component displays employee personal/official documents in a table layout (
1013
1013
  | `downloadContainerClass` | string | `'bg-light-gray rounded-3 d-flex align-items-center justify-content-center px-1 cursor-pointer'` | Download container CSS class |
1014
1014
  | `tabletContainerClass` | string | `'mt-3'` | Tablet card container CSS class |
1015
1015
  | `tabletCardClass` | string | `'row px-4 py-3 card-shadow'` | Tablet card CSS class |
1016
- | `tabletCardHeight` | string | `'155px'` | Tablet card fixed height |
1016
+ | `tabletCardHeight` | string | `'175px'` | Tablet card fixed height |
1017
1017
  | `tabletColWithAttachmentClass` | string | `'col-5'` | Tablet column class when attachments exist |
1018
1018
  | `tabletColWithoutAttachmentClass` | string | `'col-6'` | Tablet column class when no attachments |
1019
1019
  | `tabletActionsColClass` | string | `'col-1 d-flex align-items-center'` | Tablet actions column CSS class |
@@ -1077,7 +1077,7 @@ This component displays dependent documents grouped by dependent. Each group sho
1077
1077
  | `downloadContainerClass` | string | `'bg-light-gray rounded-3 d-flex align-items-center justify-content-center px-1 cursor-pointer'` | Download container CSS class |
1078
1078
  | `tabletContainerClass` | string | `'mt-3'` | Tablet card container CSS class |
1079
1079
  | `tabletCardClass` | string | `'row px-4 py-3 card-shadow'` | Tablet card CSS class |
1080
- | `tabletCardHeight` | string | `'155px'` | Tablet card fixed height |
1080
+ | `tabletCardHeight` | string | `'175px'` | Tablet card fixed height |
1081
1081
  | `tabletColWithAttachmentClass` | string | `'col-5'` | Tablet column class when attachments exist |
1082
1082
  | `tabletColWithoutAttachmentClass` | string | `'col-6'` | Tablet column class when no attachments |
1083
1083
  | `tabletActionsColClass` | string | `'col-1 d-flex align-items-center'` | Tablet actions column CSS class |
@@ -336,7 +336,7 @@ var en = {
336
336
  Degrees: Degrees$2,
337
337
  degrees: degrees$2,
338
338
  experiences: experiences$2,
339
- "Degree/Year": "Degree/Year",
339
+ "Degree/Year": "Degree / Year",
340
340
  Country: Country$2,
341
341
  Specialty: Specialty$2,
342
342
  Institute: Institute$2,
@@ -484,7 +484,7 @@ var ThereIsNoJobMainYet$1 = "لا توجد معلومات وظيفية بعد";
484
484
  var ThereIsNoJobContractYet$1 = "لا توجد معلومات عقد بعد";
485
485
  var ThereIsNoJobSalaryYet$1 = "لا توجد معلومات راتب بعد";
486
486
  var ThereIsNoJobServiceChargeYet$1 = "لا توجد معلومات مستحقات نهاية الخدمة بعد";
487
- var NextWeekVacationInsights$1 = "رؤى إجازات الأسبوع القادم";
487
+ var NextWeekVacationInsights$1 = "ملخص إجازات الأسبوع القادم";
488
488
  var UpcomingVacations$1 = "الإجازات القادمة";
489
489
  var ExpectedToReturn$1 = "المتوقع عودتهم";
490
490
  var Employee$1 = "الموظف";
@@ -2941,11 +2941,11 @@ class HRInfoFieldComponent {
2941
2941
  valueClass = 'fs-14 fw-medium';
2942
2942
  fallbackValue = '—';
2943
2943
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: HRInfoFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2944
- 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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }] });
2944
+ 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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }] });
2945
2945
  }
2946
2946
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: HRInfoFieldComponent, decorators: [{
2947
2947
  type: Component,
2948
- 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" }]
2948
+ 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" }]
2949
2949
  }], propDecorators: { labelKey: [{
2950
2950
  type: Input,
2951
2951
  args: [{ required: true }]
@@ -5193,7 +5193,7 @@ class HrDocumentTabletCardComponent {
5193
5193
  isOdd = false;
5194
5194
  downloadIcon;
5195
5195
  viewIcon;
5196
- cardHeight = '155px';
5196
+ cardHeight = '175px';
5197
5197
  // Shared classes (same as large screen)
5198
5198
  labelClass = 'field-secondary-label-sm';
5199
5199
  valueClass = 'table-cell-md text-break';
@@ -5272,7 +5272,7 @@ class ProfileDependentsDocumentsWidgetComponent {
5272
5272
  headerIconClass = 'primary-icon-xl';
5273
5273
  headerTextClass = 'fs-16 mt-2 text-secondary';
5274
5274
  headerDividerClass = 'flex-grow-1 ms-2';
5275
- valueClass = 'text-dark-gray fs-14';
5275
+ valueClass = 'text-dark-gray fs-14 text-break';
5276
5276
  viewIconClass = 'fs-15 text-dark cursor-pointer';
5277
5277
  downloadIconClass = 'fs-15 text-dark cursor-pointer';
5278
5278
  emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
@@ -5296,7 +5296,7 @@ class ProfileDependentsDocumentsWidgetComponent {
5296
5296
  downloadContainerClass = 'bg-light-gray rounded-3 d-flex align-items-center justify-content-center px-1 cursor-pointer';
5297
5297
  tabletContainerClass = 'mt-3';
5298
5298
  tabletCardClass = 'row px-4 py-3 card-shadow';
5299
- tabletCardHeight = '155px';
5299
+ tabletCardHeight = '175px';
5300
5300
  tabletColWithAttachmentClass = 'col-5';
5301
5301
  tabletColWithoutAttachmentClass = 'col-6';
5302
5302
  tabletActionsColClass = 'col-1 d-flex align-items-center';
@@ -5344,11 +5344,11 @@ class ProfileDependentsDocumentsWidgetComponent {
5344
5344
  this.attachmentDownloaded.emit(attachments);
5345
5345
  }
5346
5346
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileDependentsDocumentsWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
5347
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileDependentsDocumentsWidgetComponent, isStandalone: true, selector: "hr-profile-dependents-documents-widget", inputs: { baseUrl: "baseUrl", 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", topSpacingColClass: "topSpacingColClass", titleContainerClass: "titleContainerClass", titleClass: "titleClass", labelClass: "labelClass", actionsColumnClass: "actionsColumnClass", rowClass: "rowClass", dataColClass: "dataColClass", dataColSpacingClass: "dataColSpacingClass", dataRowClass: "dataRowClass", typeColClass: "typeColClass", numberColClass: "numberColClass", issueDateColClass: "issueDateColClass", expiryDateColClass: "expiryDateColClass", actionsColClass: "actionsColClass", actionsWrapperClass: "actionsWrapperClass", downloadContainerClass: "downloadContainerClass", tabletContainerClass: "tabletContainerClass", tabletCardClass: "tabletCardClass", tabletCardHeight: "tabletCardHeight", tabletColWithAttachmentClass: "tabletColWithAttachmentClass", tabletColWithoutAttachmentClass: "tabletColWithoutAttachmentClass", tabletActionsColClass: "tabletActionsColClass", tabletBottomRowSpacingClass: "tabletBottomRowSpacingClass", tabletDownloadCountClass: "tabletDownloadCountClass", isMobile: "isMobile", isTablet: "isTablet" }, 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\r\n @if(groups.length) {\r\n\r\n @for(group of groups; track group; let first = $first) {\r\n\r\n <div [class]=\"!(isTablet || isMobile) ? cardClass : ''\" [class.mt-3]=\"!first\">\r\n\r\n @if(!(isTablet || isMobile)) {\r\n\r\n <hr-document-card\r\n [title]=\"group.DependentName + ' (' + group.DependentTypeName + ')'\"\r\n [documents]=\"group.Documents\"\r\n [valueClass]=\"valueClass\"\r\n [viewIcon]=\"viewIcon\"\r\n [downloadIcon]=\"downloadIcon\"\r\n [viewIconClass]=\"viewIconClass\"\r\n [downloadIconClass]=\"downloadIconClass\"\r\n [titleContainerClass]=\"titleContainerClass\"\r\n [titleClass]=\"titleClass\"\r\n [labelClass]=\"labelClass\"\r\n [rowClass]=\"rowClass\"\r\n [dataColClass]=\"dataColClass\"\r\n [dataColSpacingClass]=\"dataColSpacingClass\"\r\n [dataRowClass]=\"dataRowClass\"\r\n [typeColClass]=\"typeColClass\"\r\n [numberColClass]=\"numberColClass\"\r\n [issueDateColClass]=\"issueDateColClass\"\r\n [expiryDateColClass]=\"expiryDateColClass\"\r\n [actionsColClass]=\"actionsColClass\"\r\n [actionsWrapperClass]=\"actionsWrapperClass\"\r\n [downloadContainerClass]=\"downloadContainerClass\"\r\n (attachmentView)=\"onAttachmentView($event)\"\r\n (download)=\"onDownload($event)\">\r\n </hr-document-card>\r\n }\r\n @else{\r\n <div [class]=\"titleContainerClass\">\r\n <p [class]=\"titleClass\">\r\n {{ group.DependentName }} ({{ group.DependentTypeName }})\r\n </p>\r\n </div>\r\n <div class=\"row mx-1\">\r\n @for(doc of group.Documents; track doc; let odd = $odd) {\r\n <div class=\"col-6 mb-2\">\r\n <hr-document-tablet-card [doc]=\"doc\"\r\n [isOdd]=\"odd\"\r\n [viewIcon]=\"viewIcon\"\r\n [downloadIcon]=\"downloadIcon\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\"\r\n [downloadIconClass]=\"downloadIconClass\"\r\n [downloadContainerClass]=\"downloadContainerClass\"\r\n [downloadCountClass]=\"tabletDownloadCountClass\"\r\n [tabletContainerClass]=\"tabletContainerClass\"\r\n [tabletCardClass]=\"tabletCardClass\"\r\n [cardHeight]=\"tabletCardHeight\"\r\n [tabletColWithAttachmentClass]=\"tabletColWithAttachmentClass\"\r\n [tabletColWithoutAttachmentClass]=\"tabletColWithoutAttachmentClass\"\r\n [tabletActionsColClass]=\"tabletActionsColClass\"\r\n [tabletBottomRowSpacingClass]=\"tabletBottomRowSpacingClass\"\r\n (view)=\"onAttachmentView(doc)\"\r\n (download)=\"onDownload(doc)\">\r\n </hr-document-tablet-card>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n\r\n }\r\n\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)) : ('ThereAreNoDependentsDocumentsYet' | HRTranslate)\">\r\n </sky-empty-design-card>\r\n\r\n }\r\n\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2$2.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: HRDocumentCardComponent, selector: "hr-document-card", inputs: ["title", "documents", "titleContainerClass", "titleClass", "valueClass", "viewIcon", "downloadIcon", "viewIconClass", "downloadIconClass", "labelClass", "rowClass", "dataColClass", "dataColSpacingClass", "dataRowClass", "typeColClass", "numberColClass", "issueDateColClass", "expiryDateColClass", "actionsColClass", "actionsWrapperClass", "downloadContainerClass"], outputs: ["attachmentView", "download"] }, { kind: "component", type: HrDocumentTabletCardComponent, selector: "hr-document-tablet-card", inputs: ["doc", "isOdd", "downloadIcon", "viewIcon", "cardHeight", "labelClass", "valueClass", "downloadIconClass", "downloadContainerClass", "downloadCountClass", "tabletContainerClass", "tabletCardClass", "tabletColWithAttachmentClass", "tabletColWithoutAttachmentClass", "tabletActionsColClass", "tabletBottomRowSpacingClass"], outputs: ["view", "download"] }] });
5347
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileDependentsDocumentsWidgetComponent, isStandalone: true, selector: "hr-profile-dependents-documents-widget", inputs: { baseUrl: "baseUrl", 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", topSpacingColClass: "topSpacingColClass", titleContainerClass: "titleContainerClass", titleClass: "titleClass", labelClass: "labelClass", actionsColumnClass: "actionsColumnClass", rowClass: "rowClass", dataColClass: "dataColClass", dataColSpacingClass: "dataColSpacingClass", dataRowClass: "dataRowClass", typeColClass: "typeColClass", numberColClass: "numberColClass", issueDateColClass: "issueDateColClass", expiryDateColClass: "expiryDateColClass", actionsColClass: "actionsColClass", actionsWrapperClass: "actionsWrapperClass", downloadContainerClass: "downloadContainerClass", tabletContainerClass: "tabletContainerClass", tabletCardClass: "tabletCardClass", tabletCardHeight: "tabletCardHeight", tabletColWithAttachmentClass: "tabletColWithAttachmentClass", tabletColWithoutAttachmentClass: "tabletColWithoutAttachmentClass", tabletActionsColClass: "tabletActionsColClass", tabletBottomRowSpacingClass: "tabletBottomRowSpacingClass", tabletDownloadCountClass: "tabletDownloadCountClass", isMobile: "isMobile", isTablet: "isTablet" }, 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\r\n @if(groups.length) {\r\n\r\n @for(group of groups; track group; let first = $first) {\r\n\r\n <div [class]=\"!(isTablet || isMobile) ? cardClass : ''\" [class.mt-3]=\"!first\">\r\n\r\n @if(!(isTablet || isMobile)) {\r\n\r\n <hr-document-card [title]=\"group.DependentName + ' (' + group.DependentTypeName + ')'\"\r\n [documents]=\"group.Documents\"\r\n [valueClass]=\"valueClass\"\r\n [viewIcon]=\"viewIcon\"\r\n [downloadIcon]=\"downloadIcon\"\r\n [viewIconClass]=\"viewIconClass\"\r\n [downloadIconClass]=\"downloadIconClass\"\r\n [titleContainerClass]=\"titleContainerClass\"\r\n [titleClass]=\"titleClass\"\r\n [labelClass]=\"labelClass\"\r\n [rowClass]=\"rowClass\"\r\n [dataColClass]=\"dataColClass\"\r\n [dataColSpacingClass]=\"dataColSpacingClass\"\r\n [dataRowClass]=\"dataRowClass\"\r\n [typeColClass]=\"typeColClass\"\r\n [numberColClass]=\"numberColClass\"\r\n [issueDateColClass]=\"issueDateColClass\"\r\n [expiryDateColClass]=\"expiryDateColClass\"\r\n [actionsColClass]=\"actionsColClass\"\r\n [actionsWrapperClass]=\"actionsWrapperClass\"\r\n [downloadContainerClass]=\"downloadContainerClass\"\r\n (attachmentView)=\"onAttachmentView($event)\"\r\n (download)=\"onDownload($event)\">\r\n </hr-document-card>\r\n }\r\n @else{\r\n <div [class]=\"titleContainerClass\">\r\n <p [class]=\"titleClass\">\r\n {{ group.DependentName }} ({{ group.DependentTypeName }})\r\n </p>\r\n </div>\r\n <div class=\"row mx-1\">\r\n @for(doc of group.Documents; track doc; let odd = $odd) {\r\n <div class=\"col-6 mb-2\">\r\n <hr-document-tablet-card [doc]=\"doc\"\r\n [isOdd]=\"odd\"\r\n [viewIcon]=\"viewIcon\"\r\n [downloadIcon]=\"downloadIcon\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\"\r\n [downloadIconClass]=\"downloadIconClass\"\r\n [downloadContainerClass]=\"downloadContainerClass\"\r\n [downloadCountClass]=\"tabletDownloadCountClass\"\r\n [tabletContainerClass]=\"tabletContainerClass\"\r\n [tabletCardClass]=\"tabletCardClass\"\r\n [cardHeight]=\"tabletCardHeight\"\r\n [tabletColWithAttachmentClass]=\"tabletColWithAttachmentClass\"\r\n [tabletColWithoutAttachmentClass]=\"tabletColWithoutAttachmentClass\"\r\n [tabletActionsColClass]=\"tabletActionsColClass\"\r\n [tabletBottomRowSpacingClass]=\"tabletBottomRowSpacingClass\"\r\n (view)=\"onAttachmentView(doc)\"\r\n (download)=\"onDownload(doc)\">\r\n </hr-document-tablet-card>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n\r\n }\r\n\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)) : ('ThereAreNoDependentsDocumentsYet' | HRTranslate)\">\r\n </sky-empty-design-card>\r\n\r\n }\r\n\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2$2.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: HRDocumentCardComponent, selector: "hr-document-card", inputs: ["title", "documents", "titleContainerClass", "titleClass", "valueClass", "viewIcon", "downloadIcon", "viewIconClass", "downloadIconClass", "labelClass", "rowClass", "dataColClass", "dataColSpacingClass", "dataRowClass", "typeColClass", "numberColClass", "issueDateColClass", "expiryDateColClass", "actionsColClass", "actionsWrapperClass", "downloadContainerClass"], outputs: ["attachmentView", "download"] }, { kind: "component", type: HrDocumentTabletCardComponent, selector: "hr-document-tablet-card", inputs: ["doc", "isOdd", "downloadIcon", "viewIcon", "cardHeight", "labelClass", "valueClass", "downloadIconClass", "downloadContainerClass", "downloadCountClass", "tabletContainerClass", "tabletCardClass", "tabletColWithAttachmentClass", "tabletColWithoutAttachmentClass", "tabletActionsColClass", "tabletBottomRowSpacingClass"], outputs: ["view", "download"] }] });
5348
5348
  }
5349
5349
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileDependentsDocumentsWidgetComponent, decorators: [{
5350
5350
  type: Component,
5351
- args: [{ selector: 'hr-profile-dependents-documents-widget', standalone: true, imports: [CommonModule, SkySectionDividerComponent, HRTranslatePipe, SkyEmptyDesignCardComponent, FontAwesomeModule, HRInfoFieldComponent, HRDocumentCardComponent, HrDocumentTabletCardComponent], 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\r\n @if(groups.length) {\r\n\r\n @for(group of groups; track group; let first = $first) {\r\n\r\n <div [class]=\"!(isTablet || isMobile) ? cardClass : ''\" [class.mt-3]=\"!first\">\r\n\r\n @if(!(isTablet || isMobile)) {\r\n\r\n <hr-document-card\r\n [title]=\"group.DependentName + ' (' + group.DependentTypeName + ')'\"\r\n [documents]=\"group.Documents\"\r\n [valueClass]=\"valueClass\"\r\n [viewIcon]=\"viewIcon\"\r\n [downloadIcon]=\"downloadIcon\"\r\n [viewIconClass]=\"viewIconClass\"\r\n [downloadIconClass]=\"downloadIconClass\"\r\n [titleContainerClass]=\"titleContainerClass\"\r\n [titleClass]=\"titleClass\"\r\n [labelClass]=\"labelClass\"\r\n [rowClass]=\"rowClass\"\r\n [dataColClass]=\"dataColClass\"\r\n [dataColSpacingClass]=\"dataColSpacingClass\"\r\n [dataRowClass]=\"dataRowClass\"\r\n [typeColClass]=\"typeColClass\"\r\n [numberColClass]=\"numberColClass\"\r\n [issueDateColClass]=\"issueDateColClass\"\r\n [expiryDateColClass]=\"expiryDateColClass\"\r\n [actionsColClass]=\"actionsColClass\"\r\n [actionsWrapperClass]=\"actionsWrapperClass\"\r\n [downloadContainerClass]=\"downloadContainerClass\"\r\n (attachmentView)=\"onAttachmentView($event)\"\r\n (download)=\"onDownload($event)\">\r\n </hr-document-card>\r\n }\r\n @else{\r\n <div [class]=\"titleContainerClass\">\r\n <p [class]=\"titleClass\">\r\n {{ group.DependentName }} ({{ group.DependentTypeName }})\r\n </p>\r\n </div>\r\n <div class=\"row mx-1\">\r\n @for(doc of group.Documents; track doc; let odd = $odd) {\r\n <div class=\"col-6 mb-2\">\r\n <hr-document-tablet-card [doc]=\"doc\"\r\n [isOdd]=\"odd\"\r\n [viewIcon]=\"viewIcon\"\r\n [downloadIcon]=\"downloadIcon\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\"\r\n [downloadIconClass]=\"downloadIconClass\"\r\n [downloadContainerClass]=\"downloadContainerClass\"\r\n [downloadCountClass]=\"tabletDownloadCountClass\"\r\n [tabletContainerClass]=\"tabletContainerClass\"\r\n [tabletCardClass]=\"tabletCardClass\"\r\n [cardHeight]=\"tabletCardHeight\"\r\n [tabletColWithAttachmentClass]=\"tabletColWithAttachmentClass\"\r\n [tabletColWithoutAttachmentClass]=\"tabletColWithoutAttachmentClass\"\r\n [tabletActionsColClass]=\"tabletActionsColClass\"\r\n [tabletBottomRowSpacingClass]=\"tabletBottomRowSpacingClass\"\r\n (view)=\"onAttachmentView(doc)\"\r\n (download)=\"onDownload(doc)\">\r\n </hr-document-tablet-card>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n\r\n }\r\n\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)) : ('ThereAreNoDependentsDocumentsYet' | HRTranslate)\">\r\n </sky-empty-design-card>\r\n\r\n }\r\n\r\n</div>\r\n" }]
5351
+ args: [{ selector: 'hr-profile-dependents-documents-widget', standalone: true, imports: [CommonModule, SkySectionDividerComponent, HRTranslatePipe, SkyEmptyDesignCardComponent, FontAwesomeModule, HRInfoFieldComponent, HRDocumentCardComponent, HrDocumentTabletCardComponent], 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\r\n @if(groups.length) {\r\n\r\n @for(group of groups; track group; let first = $first) {\r\n\r\n <div [class]=\"!(isTablet || isMobile) ? cardClass : ''\" [class.mt-3]=\"!first\">\r\n\r\n @if(!(isTablet || isMobile)) {\r\n\r\n <hr-document-card [title]=\"group.DependentName + ' (' + group.DependentTypeName + ')'\"\r\n [documents]=\"group.Documents\"\r\n [valueClass]=\"valueClass\"\r\n [viewIcon]=\"viewIcon\"\r\n [downloadIcon]=\"downloadIcon\"\r\n [viewIconClass]=\"viewIconClass\"\r\n [downloadIconClass]=\"downloadIconClass\"\r\n [titleContainerClass]=\"titleContainerClass\"\r\n [titleClass]=\"titleClass\"\r\n [labelClass]=\"labelClass\"\r\n [rowClass]=\"rowClass\"\r\n [dataColClass]=\"dataColClass\"\r\n [dataColSpacingClass]=\"dataColSpacingClass\"\r\n [dataRowClass]=\"dataRowClass\"\r\n [typeColClass]=\"typeColClass\"\r\n [numberColClass]=\"numberColClass\"\r\n [issueDateColClass]=\"issueDateColClass\"\r\n [expiryDateColClass]=\"expiryDateColClass\"\r\n [actionsColClass]=\"actionsColClass\"\r\n [actionsWrapperClass]=\"actionsWrapperClass\"\r\n [downloadContainerClass]=\"downloadContainerClass\"\r\n (attachmentView)=\"onAttachmentView($event)\"\r\n (download)=\"onDownload($event)\">\r\n </hr-document-card>\r\n }\r\n @else{\r\n <div [class]=\"titleContainerClass\">\r\n <p [class]=\"titleClass\">\r\n {{ group.DependentName }} ({{ group.DependentTypeName }})\r\n </p>\r\n </div>\r\n <div class=\"row mx-1\">\r\n @for(doc of group.Documents; track doc; let odd = $odd) {\r\n <div class=\"col-6 mb-2\">\r\n <hr-document-tablet-card [doc]=\"doc\"\r\n [isOdd]=\"odd\"\r\n [viewIcon]=\"viewIcon\"\r\n [downloadIcon]=\"downloadIcon\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\"\r\n [downloadIconClass]=\"downloadIconClass\"\r\n [downloadContainerClass]=\"downloadContainerClass\"\r\n [downloadCountClass]=\"tabletDownloadCountClass\"\r\n [tabletContainerClass]=\"tabletContainerClass\"\r\n [tabletCardClass]=\"tabletCardClass\"\r\n [cardHeight]=\"tabletCardHeight\"\r\n [tabletColWithAttachmentClass]=\"tabletColWithAttachmentClass\"\r\n [tabletColWithoutAttachmentClass]=\"tabletColWithoutAttachmentClass\"\r\n [tabletActionsColClass]=\"tabletActionsColClass\"\r\n [tabletBottomRowSpacingClass]=\"tabletBottomRowSpacingClass\"\r\n (view)=\"onAttachmentView(doc)\"\r\n (download)=\"onDownload(doc)\">\r\n </hr-document-tablet-card>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n\r\n }\r\n\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)) : ('ThereAreNoDependentsDocumentsYet' | HRTranslate)\">\r\n </sky-empty-design-card>\r\n\r\n }\r\n\r\n</div>\r\n" }]
5352
5352
  }], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
5353
5353
  type: Input
5354
5354
  }], sectionTitle: [{
@@ -5476,7 +5476,7 @@ class ProfilePersonalDocumentsWidgetComponent {
5476
5476
  downloadContainerClass = 'bg-light-gray rounded-3 d-flex align-items-center justify-content-center px-1 cursor-pointer';
5477
5477
  tabletContainerClass = 'mt-3';
5478
5478
  tabletCardClass = 'row px-4 py-3 card-shadow';
5479
- tabletCardHeight = '155px';
5479
+ tabletCardHeight = '175px';
5480
5480
  tabletColWithAttachmentClass = 'col-5';
5481
5481
  tabletColWithoutAttachmentClass = 'col-6';
5482
5482
  tabletActionsColClass = 'col-1 d-flex align-items-center';