vcomply-workflow-engine 6.1.9 → 6.1.11

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.
Files changed (58) hide show
  1. package/esm2022/lib/constants/link-responsibility.constants.mjs +5 -1
  2. package/esm2022/lib/report-a-case/components/assignee/assignee.component.mjs +1 -1
  3. package/esm2022/lib/report-a-case/components/due-date/due-date.component.mjs +1 -1
  4. package/esm2022/lib/report-a-case/components/linked-responsibilities/linked-responsibilities.component.mjs +4 -4
  5. package/esm2022/lib/report-a-case/workflow-case/workflow-case.component.mjs +19 -10
  6. package/esm2022/lib/sharedComponents/assessment-list/assessment-list.component.mjs +1 -1
  7. package/esm2022/lib/sharedComponents/audit-category-list/audit-category-list.component.mjs +1 -1
  8. package/esm2022/lib/sharedComponents/category-list/category-list.component.mjs +1 -1
  9. package/esm2022/lib/sharedComponents/category-list-selection/category-list-selection/category-list-selection.component.mjs +1 -1
  10. package/esm2022/lib/sharedComponents/category-multiselect/category-multi-select.component.mjs +1 -1
  11. package/esm2022/lib/sharedComponents/checkbox-list/checkbox-list.component.mjs +1 -1
  12. package/esm2022/lib/sharedComponents/floating-bar/floating-bar.component.mjs +6 -3
  13. package/esm2022/lib/sharedComponents/framework-list/framework-list.component.mjs +1 -1
  14. package/esm2022/lib/sharedComponents/frequency/frequency-container/frequency-container.component.mjs +1 -1
  15. package/esm2022/lib/sharedComponents/frequency/frequency-responsibility-list/frequency-responsibility-list.component.mjs +1 -1
  16. package/esm2022/lib/sharedComponents/frequency/frequency.service.mjs +3 -3
  17. package/esm2022/lib/sharedComponents/group-users-list/group-users-list.component.mjs +2 -2
  18. package/esm2022/lib/sharedComponents/link-responsibility/link-responsibility.component.mjs +187 -74
  19. package/esm2022/lib/sharedComponents/link-responsibility/link-responsibility.interface.mjs +2 -0
  20. package/esm2022/lib/sharedComponents/link-responsibility/link-responsibility.module.mjs +16 -4
  21. package/esm2022/lib/sharedComponents/owner-list/owner-list.component.mjs +1 -1
  22. package/esm2022/lib/sharedComponents/pipes/getRCList.pipe.mjs +24 -0
  23. package/esm2022/lib/sharedComponents/pipes/parentResponsibilitySelection.pipe.mjs +22 -0
  24. package/esm2022/lib/sharedComponents/pipes/pipe.module.mjs +20 -0
  25. package/esm2022/lib/sharedComponents/pipes/userDetails.pipe.mjs +44 -0
  26. package/esm2022/lib/sharedComponents/policy-template/select-template-list/select-template-list.component.mjs +1 -1
  27. package/esm2022/lib/sharedComponents/program-listing/program-listing.component.mjs +1 -1
  28. package/esm2022/lib/sharedComponents/radio-list/radio-list.component.mjs +1 -1
  29. package/esm2022/lib/sharedComponents/radio-list-with-pagination/radio-list.component.mjs +1 -1
  30. package/esm2022/lib/sharedComponents/responsibility-centers-list/responsibility-centers-list.component.mjs +1 -1
  31. package/esm2022/lib/sharedComponents/responsibility-risk-selector/responsibility-risk-selector.component.mjs +1 -1
  32. package/esm2022/lib/sharedComponents/review-frequency/review-frequency.component.mjs +1 -1
  33. package/esm2022/lib/sharedComponents/risk-classification/risk-classification.component.mjs +1 -1
  34. package/esm2022/lib/sharedComponents/roles-list/roles-list.component.mjs +1 -1
  35. package/esm2022/lib/sharedComponents/users-radio-list/users-radio-list.component.mjs +1 -1
  36. package/esm2022/lib/ui-kit/avatar/avatar.component.mjs +26 -0
  37. package/esm2022/lib/ui-kit/avatar/avatar.constants.mjs +13 -0
  38. package/esm2022/lib/ui-kit/avatar/avatar.module.mjs +20 -0
  39. package/esm2022/lib/workflow/shared/components/attributes/attributes-checkbox/attributes-checkbox.component.mjs +2 -2
  40. package/esm2022/lib/workflow/shared/components/grc-object-list/grc-object-list.component.mjs +2 -2
  41. package/esm2022/lib/workflow/shared/components/program-responsibility-listing/program-responsibility-listing.component.mjs +2 -2
  42. package/esm2022/lib/workflow/shared/components/risk-category-risk-listing/risk-category-risk-listing.component.mjs +2 -2
  43. package/fesm2022/vcomply-workflow-engine.mjs +396 -121
  44. package/fesm2022/vcomply-workflow-engine.mjs.map +1 -1
  45. package/lib/constants/link-responsibility.constants.d.ts +4 -0
  46. package/lib/sharedComponents/floating-bar/floating-bar.component.d.ts +2 -1
  47. package/lib/sharedComponents/frequency/frequency.service.d.ts +1 -1
  48. package/lib/sharedComponents/link-responsibility/link-responsibility.component.d.ts +38 -3
  49. package/lib/sharedComponents/link-responsibility/link-responsibility.interface.d.ts +8 -0
  50. package/lib/sharedComponents/link-responsibility/link-responsibility.module.d.ts +4 -1
  51. package/lib/sharedComponents/pipes/getRCList.pipe.d.ts +7 -0
  52. package/lib/sharedComponents/pipes/parentResponsibilitySelection.pipe.d.ts +7 -0
  53. package/lib/sharedComponents/pipes/pipe.module.d.ts +10 -0
  54. package/lib/sharedComponents/pipes/userDetails.pipe.d.ts +11 -0
  55. package/lib/ui-kit/avatar/avatar.component.d.ts +8 -0
  56. package/lib/ui-kit/avatar/avatar.constants.d.ts +12 -0
  57. package/lib/ui-kit/avatar/avatar.module.d.ts +10 -0
  58. package/package.json +1 -1
package/esm2022/lib/sharedComponents/program-listing/program-listing.component.mjs CHANGED
@@ -702,7 +702,7 @@ export class ProgramListingComponent {
702
702
  this.getProgramsList();
703
703
  }
704
704
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgramListingComponent, deps: [{ token: i1.ResponsibilityService }], target: i0.ɵɵFactoryTarget.Component }); }
705
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ProgramListingComponent, selector: "app-program-listing", inputs: { programsList: "programsList", selectedProgram: "selectedProgram", openedFrom: "openedFrom", getSelectedCategories: ["selectedCategories", "getSelectedCategories"], responsibilityId: "responsibilityId", feature: "feature", hideProgramsList: "hideProgramsList", mode: "mode", getLinkedProgram: ["linkedProgram", "getLinkedProgram"] }, outputs: { saveSelectedProgram: "saveSelectedProgram", closeEvent: "closeEvent" }, viewQueries: [{ propertyName: "searchProgram", first: true, predicate: ["searchProgram"], descendants: true }, { propertyName: "searchCategory", first: true, predicate: ["searchCategory"], descendants: true }], ngImport: i0, template: "<div\n class=\"program-listing\"\n [class.animate]=\"animation\"\n *ngIf=\"!showCategories && !hideProgramsList\"\n>\n <div\n class=\"program-listing-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n >\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Select a Program</div>\n </div>\n <div class=\"program-listing-body\">\n <div class=\"filter-card-row\">\n <div\n class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\"\n [class.active]=\"activeTab == 'regulations'\"\n (click)=\"changeTab('regulations')\"\n >\n <div class=\"left\">\n <label\n class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\"\n >REGULATIONS</label\n >\n <p *ngIf=\"programData?.SelectedRegulationProgramsCount > 0\">\n {{ programData?.SelectedRegulationProgramsCount }}\n {{\n programData?.SelectedRegulationProgramsCount == 1\n ? \"Program\"\n : \"Programs\"\n }}\n selected\n </p>\n </div>\n <!-- <span class=\"counter\">{{programData?.AllRegulationProgramsCount}}</span> -->\n <span class=\"counter\">{{\n programTabDataCount?.allRegulationProgramsCount\n }}</span>\n </div>\n <div\n class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\"\n [class.active]=\"activeTab == 'standards'\"\n (click)=\"changeTab('standards')\"\n >\n <div class=\"left\">\n <label\n class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\"\n >STANDARDS</label\n >\n <p *ngIf=\"programData?.SelectedStandardProgramsCount > 0\">\n {{ programData?.SelectedStandardProgramsCount }}\n {{\n programData?.SelectedStandardProgramsCount == 1\n ? \"Program\"\n : \"Programs\"\n }}\n selected\n </p>\n </div>\n <!-- <span class=\"counter\">{{programData?.AllStandardProgramsCount}}</span> -->\n <span class=\"counter\">{{\n programTabDataCount?.allStandardProgramsCount\n }}</span>\n </div>\n <div\n class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\"\n [class.active]=\"activeTab == 'internal_controls'\"\n (click)=\"changeTab('internal_controls')\"\n >\n <div class=\"left\">\n <label\n class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\"\n >INTERNAL CONTROLS</label\n >\n <p *ngIf=\"programData?.SelectedInternalControlsProgramsCount > 0\">\n {{ programData?.SelectedInternalControlsProgramsCount }}\n {{\n programData?.SelectedInternalControlsProgramsCount == 1\n ? \"Program\"\n : \"Programs\"\n }}\n selected\n </p>\n </div>\n <!-- <span class=\"counter\">{{programData?.AllInternalControlsProgramsCount}}</span> -->\n <span class=\"counter\">{{\n programTabDataCount?.allInternalControlsProgramsCount\n }}</span>\n </div>\n <div\n class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\"\n [class.active]=\"activeTab == 'others'\"\n (click)=\"changeTab('others')\"\n >\n <div class=\"left\">\n <label\n class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\"\n >OTHERS</label\n >\n <p *ngIf=\"programData?.SelectedOthersProgramsCount > 0\">\n {{ programData?.SelectedOthersProgramsCount }}\n {{\n programData?.SelectedOthersProgramsCount == 1\n ? \"Program\"\n : \"Programs\"\n }}\n selected\n </p>\n </div>\n <!-- <span class=\"counter\">{{programData?.AllOthersProgramsCount}}</span> -->\n <span class=\"counter\">{{\n programTabDataCount?.allOthersProgramsCount\n }}</span>\n </div>\n </div>\n <div class=\"search-block\">\n <i class=\"icons\">&#xe90b;</i>\n <input\n type=\"text\"\n #searchProgram\n (keyup.enter)=\"handleSearch($event.target.value)\"\n placeholder=\"Search Programs\"\n />\n </div>\n <!-- mode === 'EDIT' -->\n <div\n *ngIf=\"mode === 'EDIT' && programData?.AllViewOnlyProgramCount\"\n class=\"program-listing-tab vx-d-flex vx-align-center\"\n >\n <button\n (click)=\"setProgramSubTab('PROGRAMS')\"\n class=\"vx-fs-11 vx-fw-600 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0 vx-d-flex vx-align-center vx-lh-4\"\n [class.active]=\"programSubTab === 'PROGRAMS'\"\n >\n PROGRAMS\n <span\n class=\"count vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-justify-center vx-ml-2 vx-lh-4\"\n >{{ programData?.AllProgramsCount }}</span\n >\n </button>\n <button\n (click)=\"setProgramSubTab('OTHER_PROGRAMS')\"\n class=\"vx-fs-11 vx-fw-600 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0 vx-d-flex vx-align-center vx-lh-4\"\n [class.active]=\"programSubTab === 'OTHER_PROGRAMS'\"\n >\n OTHER PROGRAMS\n <span\n class=\"count vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-justify-center vx-ml-2 vx-lh-4\"\n >{{ programData?.AllViewOnlyProgramCount }}</span\n >\n </button>\n </div>\n <app-pagination\n *ngIf=\"programData.totalPages > 1\"\n [start]=\"programData.from\"\n [end]=\"programData.to\"\n [total]=\"programData.totalRecords\"\n [pageCount]=\"programData.totalPages\"\n [currentPage]=\"programData.currentPage\"\n (selectedPage)=\"changePage($event, 'program')\"\n ></app-pagination>\n <div\n class=\"program-listing-part vx-mb-4\"\n [class.with-category-list]=\"!showCategories && !hideProgramsList\"\n [class.with-pagination]=\"programData.totalPages > 1\"\n >\n <app-no-data\n *ngIf=\"programData?.data?.length === 0 && !loader\"\n [noDataImage]=\"ASSETS.search_data\"\n [noDataText]=\"'No Data Found'\"\n ></app-no-data>\n\n <div\n class=\"program-listing-item\"\n [class.active]=\"showCategories && currentProgram?._id == program?._id\"\n *ngFor=\"let program of programData.data; let i = index\"\n [class.final-select]=\"false\"\n >\n <!-- after category was select & user move to back and edit then final-select class was show -->\n <!-- [class.disabled]=\"currentProgram?._id === program?._id && (mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM') && programSubTab !== 'OTHER_PROGRAMS'\" -->\n <div\n class=\"table-row main-list\"\n [class.active]=\"selectedProgramsId?.includes(program?._id)\"\n [class.disabled]=\"\n feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\n ? false\n : currentProgram?._id === program?._id &&\n (mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM') &&\n programSubTab !== 'OTHER_PROGRAMS'\n \"\n >\n <div class=\"table-column serial\">\n <div\n class=\"sr-no\"\n [appTooltip]=\"i + programData.from\"\n placement=\"bottom\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n >\n {{ i + programData.from }}\n </div>\n <!-- [disabled]=\"currentProgram?._id === program?._id && (mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM')\" -->\n <app-cs-checkbox\n *ngIf=\"programSubTab !== 'OTHER_PROGRAMS'\"\n [disabled]=\"\n feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\n ? false\n : currentProgram?._id === program?._id &&\n (mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM')\n \"\n [ngValue]=\"selectedProgramsId?.includes(program?._id)\"\n (ngValueChange)=\"selectProgram($event, program)\"\n ></app-cs-checkbox>\n <!-- <app-cs-radio [name]=\"'t'\" [checked]=\"currentProgram?._id == program?._id\" (checkedEvent)=\"selectProgram($event.target.checked,program)\"></app-cs-radio> -->\n </div>\n <div class=\"table-column name\">\n <div class=\"name-inner\">\n <div class=\"name-with-count\">\n <div\n class=\"value\"\n [appTooltip]=\"program?.item_name\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"false\"\n >\n {{ program?.name }}\n </div>\n </div>\n </div>\n </div>\n <div class=\"table-column primary-program\">\n <ng-container\n *ngIf=\"\n !feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\n \"\n >\n <app-cs-switch\n *ngIf=\"\n !(mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM') ||\n currentProgram?._id === program?._id\n \"\n [disabled]=\"currentProgram?._id === program?._id\"\n [ngValue]=\"currentProgram?._id === program?._id\"\n (ngValueChange)=\"setPrimaryProgram($event, program)\"\n >{{\n currentProgram?._id === program?._id\n ? \"PRIMARY PROGRAM\"\n : \"SET AS PRIMARY PROGRAM\"\n }}</app-cs-switch\n >\n </ng-container>\n </div>\n <!-- <div class=\"table-column action\">\n <button class=\"arrow\" *ngIf=\"program?.child_id?.length\" [class.disabled]=\"false\"\n [disabled]=\"false\">\n <i *ngIf=\"!(showCategories && currentProgram?._id == program?._id)\"\n (click)=\"selectProgram($event,program)\" class=\"icons\">&#xe970;</i>\n <i *ngIf=\"showCategories && currentProgram?._id == program?._id\" class=\"icons\">&#xe9e8;</i>\n </button>\n </div> -->\n </div>\n </div>\n </div>\n\n <app-floating-bar\n *ngIf=\"feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\"\n [selectedData]=\"\n selectedProgramsDetail?.length ? selectedProgramsDetail : []\n \"\n [displayElementKey]=\"'name'\"\n [singularText]=\"'Program selected'\"\n [pluralText]=\"'Programs selected'\"\n (closeEvent)=\"openCategories()\"\n (deleteEvent)=\"deleteEvent($event)\"\n [isDisabled]=\"\n (currentProgram?.category_id ? [currentProgram] : [])?.length\n ? false\n : true\n \"\n (closeList)=\"close()\"\n [elementId]=\"'category_id'\"\n >\n </app-floating-bar>\n\n <app-floating-bar\n *ngIf=\"!feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\"\n [selectedData]=\"\n selectedProgramsDetail?.length ? selectedProgramsDetail : []\n \"\n [displayElementKey]=\"'name'\"\n [singularText]=\"'Program selected'\"\n [pluralText]=\"'Programs selected'\"\n (closeEvent)=\"openCategories()\"\n (deleteEvent)=\"deleteEvent($event)\"\n [isDisabled]=\"\n (currentProgram?.category_id ? [currentProgram] : [])?.length\n ? false\n : true\n \"\n (closeList)=\"close()\"\n [defaultSelected]=\"currentProgram\"\n [nonRemovableUsersList]=\"\n mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM'\n ? viewOnlyProgramsCategoryId\n : [currentProgram?.category_id]\n \"\n [elementId]=\"'category_id'\"\n >\n </app-floating-bar>\n </div>\n <ng-container\n *ngIf=\"!feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\"\n >\n <div\n class=\"program-listing-confirmation\"\n *ngIf=\"displayConfirmationMessage\"\n >\n <div class=\"confirmation-top\">\n <div class=\"icon-block\"><i class=\"icons\">&#xe930;</i></div>\n <div class=\"text\">\n Once you select this Program, all default values associated with this\n Program will also be updated.\n </div>\n </div>\n <div class=\"confirmation-bottom\">\n <div class=\"message\">Are you sure you would like to proceed?</div>\n <div class=\"button-group\">\n <button class=\"no-btn\" (click)=\"saveChanges(false)\">NO</button>\n <button class=\"yes-btn\" (click)=\"saveChanges(true)\">YES</button>\n </div>\n </div>\n </div>\n <div\n class=\"program-listing-confirmation\"\n *ngIf=\"isPrimaryConfirmation && !isPrimaryUnchecked\"\n >\n <div class=\"confirmation-top\">\n <div class=\"icon-block\"><i class=\"icons\">&#xe930;</i></div>\n <div class=\"text\" [innerHTML]=\"primaryConfirmationMessage\"></div>\n </div>\n <div class=\"confirmation-bottom\">\n <div class=\"message\">Are you sure you would like to proceed?</div>\n <div class=\"button-group\">\n <button class=\"no-btn\" (click)=\"updatePrimaryProgram(false)\">\n NO\n </button>\n <button class=\"yes-btn\" (click)=\"updatePrimaryProgram(true)\">\n YES\n </button>\n </div>\n </div>\n </div>\n\n <div\n class=\"program-listing-confirmation error-confirmation\"\n *ngIf=\"isPrimaryUnchecked\"\n >\n <div class=\"confirmation-top\">\n <div class=\"vx-d-flex vx-align-center\">\n <div class=\"icon-block\"><i class=\"icons\">&#xe930;</i></div>\n <div class=\"text vx-pr-4\">\n You cannot deselect this Program since this is the\n <em>Primary Program</em> for this responsibility. To proceed, first\n select another Program as the <em>Primary Program</em>.\n </div>\n </div>\n <button class=\"ok-btn\" (click)=\"updatePrimaryProgram(false)\">OK</button>\n </div>\n </div>\n </ng-container>\n <!-- <app-floating-bar [selectedData]=\"(currentProgram?.category_id)?[currentProgram]:[]\" [displayElementKey]=\"'name'\"\n [singularText]=\"'Program selected'\" [pluralText]=\"'Programs selected'\" (closeEvent)=\"openCategories()\"\n (deleteEvent)=\"deleteEvent($event)\" [isDisabled]=\"((currentProgram?.category_id)?[currentProgram]:[])?.length ? false :true \" (closeList)=\"close()\">\n </app-floating-bar> -->\n\n <!-- ((currentProgram?.category_id)?[currentProgram]:[])?.length ? false :true -->\n\n <app-loader *ngIf=\"loader\"></app-loader>\n</div>\n<div\n class=\"program-listing\"\n [class.animate]=\"animation\"\n *ngIf=\"showCategories || hideProgramsList\"\n>\n <div\n class=\"program-listing-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n >\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">\n <button\n class=\"back-btn vx-fs-16 vx-p-0 vx-mr-2\"\n (click)=\"backToPrograms()\"\n >\n <i class=\"icons\">&#xe91d;</i>\n </button>\n <!-- <span *ngIf=\"currentProgram?.name\"> {{currentProgram?.name}} > </span> -->\n Program > Select Program Categories\n </div>\n </div>\n <div class=\"program-listing-body\">\n <div class=\"search-block\">\n <i class=\"icons\">&#xe90b;</i>\n <input\n type=\"text\"\n #searchCategory\n (keyup.enter)=\"categorySearch($event.target.value)\"\n placeholder=\"Search Categories\"\n />\n </div>\n <app-pagination\n *ngIf=\"categoryData.totalPages > 1\"\n class=\"category-pagination\"\n [start]=\"categoryData.from\"\n [end]=\"categoryData.to\"\n [total]=\"categoryData.totalRecords\"\n [pageCount]=\"categoryData.totalPages\"\n [currentPage]=\"categoryData.currentPage\"\n (selectedPage)=\"changePage($event, 'category')\"\n ></app-pagination>\n <div\n class=\"program-listing-part vx-mb-4\"\n [class.with-category-pagination]=\"categoryData.totalPages > 1\"\n >\n <app-no-data\n *ngIf=\"categoryData?.data?.length === 0 && !loader\"\n [noDataImage]=\"ASSETS.search_data\"\n [noDataText]=\"'No Data Found'\"\n ></app-no-data>\n\n <ng-container *ngIf=\"!loader && categoryData.data?.length\">\n <ng-container *ngIf=\"false\">\n <div\n class=\"selected-area\"\n *ngIf=\"\n !loader &&\n (currentProgram?.name\n ? categoryData.data?.length\n : programData?.data?.length)\n \"\n >\n <app-cs-checkbox\n *ngIf=\"checkCategoriesSelection() == 'checked'\"\n [ngValue]=\"true\"\n (ngValueChange)=\"selectAllCategories(false)\"\n >Deselect All</app-cs-checkbox\n >\n <app-cs-checkbox-indeterminate\n *ngIf=\"checkCategoriesSelection() == 'indeterminate'\"\n [ngValue]=\"true\"\n (ngValueChange)=\"selectAllCategories(false)\"\n >Deselect All</app-cs-checkbox-indeterminate\n >\n <app-cs-checkbox\n *ngIf=\"checkCategoriesSelection() == 'unchecked'\"\n [ngValue]=\"false\"\n (ngValueChange)=\"selectAllCategories(true)\"\n >Select All</app-cs-checkbox\n >\n </div>\n </ng-container>\n <div class=\"table-head\">\n <div class=\"table-row\">\n <div class=\"table-column serial\">#</div>\n <div class=\"table-column category-name\">CATEGORIES</div>\n <div class=\"table-column category-within\">WITHIN</div>\n </div>\n </div>\n <div\n class=\"program-listing-item\"\n [class.active]=\"subList\"\n *ngFor=\"let category of categoryData.data; let i = index\"\n [class.active]=\"selectedIds.includes(category.category_id)\"\n >\n <div class=\"table-row main-list\" [class.disabled]=\"false\">\n <div class=\"table-column serial\">\n <div\n class=\"sr-no\"\n [appTooltip]=\"i + categoryData?.from\"\n placement=\"bottom\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n >\n {{ i + categoryData?.from }}\n </div>\n <app-cs-checkbox\n [ngValue]=\"selectedIds.includes(category.category_id)\"\n (ngValueChange)=\"selectCategory($event, category)\"\n ></app-cs-checkbox>\n </div>\n <div class=\"table-column category-name\">\n <div class=\"name-inner\">\n <div class=\"name-with-count\">\n <div\n class=\"value\"\n [appTooltip]=\"category?.name\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"false\"\n >\n {{ category?.name }}\n </div>\n </div>\n <!-- <div class=\"within-part\" *ngIf=\"category?.parent_category_name?.length>0\">\n <span class=\"within-box\">Within</span>\n <span class=\"value\" [appTooltip]=\"'South Africa > America > India'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">\n <span *ngFor=\"let parent of category?.parent_category_name;let j=index\">{{(j!=(category?.parent_category_name?.length-1))?\n parent+' < ':parent}} </span>\n </span>\n </div> -->\n </div>\n </div>\n <div\n class=\"table-column category-within\"\n *ngIf=\"category?.parent_category_name?.length > 0\"\n >\n <div\n *ngFor=\"\n let parent of category?.parent_category_name;\n let last = last\n \"\n class=\"within-name\"\n [appTooltip]=\"\n category?.parent_category_name\n ?.slice()\n ?.reverse()\n ?.join(' > ')\n \"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"false\"\n >\n {{ parent }}\n <span *ngIf=\"!last\"> >&nbsp; </span>\n </div>\n <div\n *ngIf=\"\n category?.parent_category_ids?.includes(\n currentProgram?.category_id\n ) &&\n !feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\n \"\n class=\"primary-label\"\n >\n PRIMARY\n </div>\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n\n <app-floating-bar\n [selectedData]=\"categoryData.selectedCategories\"\n [displayElementKey]=\"'name'\"\n [singularText]=\"'Program Category selected'\"\n [pluralText]=\"'Program Categories selected'\"\n (closeEvent)=\"save()\"\n (deleteEvent)=\"removeCategories($event)\"\n (closeList)=\"backToPrograms()\"\n >\n </app-floating-bar>\n </div>\n <ng-container\n *ngIf=\"!feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\"\n >\n <div\n class=\"program-listing-confirmation\"\n *ngIf=\"displayConfirmationMessage\"\n >\n <div class=\"confirmation-top\">\n <div class=\"icon-block\"><i class=\"icons\">&#xe930;</i></div>\n <div class=\"text\">\n Once you select this Program, all default values associated with this\n Program will also be updated.\n </div>\n </div>\n <div class=\"confirmation-bottom\">\n <div class=\"message\">Are you sure you would like to proceed?</div>\n <div class=\"button-group\">\n <button class=\"no-btn\" (click)=\"saveChanges(false)\">NO</button>\n <button class=\"yes-btn\" (click)=\"saveChanges(true)\">YES</button>\n </div>\n </div>\n </div>\n </ng-container>\n <app-loader *ngIf=\"loader\"></app-loader>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .program-listing{position:fixed;inset:0 500px 0 0}::ng-deep .program-listing:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .program-listing.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .program-listing-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .program-listing-head button.back-btn{background:transparent;border-radius:0;border:none;position:relative;top:.125rem}::ng-deep .program-listing-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .program-listing-body .filter-card{box-shadow:0 0 2px #00000029;border-radius:.125rem;height:55px;cursor:pointer}::ng-deep .program-listing-body .filter-card.active{box-shadow:0 3px 12px #1e5dd340;border:none;pointer-events:none}::ng-deep .program-listing-body .filter-card.active span.counter{background:#f1f1f1;color:#042e7d}::ng-deep .program-listing-body .filter-card label{font-weight:500;text-transform:uppercase;color:#747576;line-height:16px;margin-left:0;font-size:11px;width:100%;pointer-events:none}::ng-deep .program-listing-body .filter-card p{line-height:16px;font-size:11px;color:#161b2f;font-weight:600;margin:0}::ng-deep .program-listing-body .filter-card span.counter{display:flex;height:28px;min-width:28px;border-radius:2px;background:#042e7d;color:#fff;font-size:11px;font-weight:600;justify-content:center;align-items:center;padding:0 4px;line-height:28px}::ng-deep .program-listing-body .filter-card .left{display:flex;flex-wrap:wrap}::ng-deep .program-listing-body .filter-card+.filter-card{margin-left:4px}::ng-deep .program-listing-body .filter-card-row{display:flex;padding-bottom:8px}::ng-deep .program-listing-body .search-block{position:relative;margin-bottom:8px}::ng-deep .program-listing-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .program-listing-body .search-block input::placeholder{font-weight:400}::ng-deep .program-listing-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .program-listing-body .search-block i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1;font-size:12px}::ng-deep .program-listing-body app-pagination .wk-pagination-sec-ds{padding-top:0!important}::ng-deep .program-listing-body app-pagination.category-pagination .wk-pagination-sec-ds{padding-bottom:0!important}::ng-deep .program-listing-body .program-listing-part{height:calc(100vh - 225px);overflow:auto;padding:0 12px 0 0;width:calc(100% + 12px)}::ng-deep .program-listing-body .program-listing-part::-webkit-scrollbar-track{background-color:#fff;position:absolute}::ng-deep .program-listing-body .program-listing-part::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .program-listing-body .program-listing-part::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .program-listing-body .program-listing-part.with-pagination{height:calc(100vh - 244px)}::ng-deep .program-listing-body .program-listing-part.with-category-list{height:calc(100vh - 288px)}::ng-deep .program-listing-body .program-listing-part.with-category-list.with-pagination{height:calc(100vh - 324px)}::ng-deep .program-listing-body .program-listing-part.with-category-pagination{height:calc(100vh - 252px)}::ng-deep .program-listing-body .program-listing-part .selected-area{background:#fff;height:32px;position:sticky;top:0;z-index:1}::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate{background:#fff;border-radius:2px;width:100%;height:16px}::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox .checkbox-item,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate .checkbox-item{width:100%;position:relative}::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox .checkbox-item .checkbox,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate .checkbox-item .checkbox,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox .checkbox-item .checkmark,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate .checkbox-item .checkmark{position:absolute;top:0;left:0}::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox .checkbox-item .value,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate .checkbox-item .value{color:#161b2f;font-size:12px;font-weight:500;margin-left:24px}::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate .checkbox-item .value{margin-left:0}::ng-deep .program-listing-body .program-listing-part .table-head{background:#fff;position:sticky;top:0;z-index:1}::ng-deep .program-listing-body .program-listing-part .table-head .table-row{display:flex;align-items:center;justify-content:space-between}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column{color:#161b2f;font-size:11px;font-weight:500;height:24px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px;text-transform:uppercase}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column.serial{width:32px;max-width:32px;justify-content:center}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column.name{width:calc(100% - 64px);min-width:calc(100% - 64px)}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column.action{width:32px;max-width:32px;justify-content:center}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column.category-name{width:calc(100% - 332px);min-width:calc(100% - 332px)}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column.category-within{width:300px;min-width:300px}::ng-deep .program-listing-body .program-listing-part .program-listing-item.final-select{background:#fbfbfb}::ng-deep .program-listing-body .program-listing-part .program-listing-item.final-select .table-row .table-column.serial .sr-no{background:transparent}::ng-deep .program-listing-body .program-listing-part .program-listing-item .main-list{border:1px solid #f1f1f1;border-radius:2px;cursor:pointer;margin-bottom:4px}::ng-deep .program-listing-body .program-listing-part .program-listing-item.active .table-row .table-column.serial .sr-no{opacity:0}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row{display:flex;align-items:center;justify-content:space-between}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.disabled{pointer-events:none}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.disabled .primary-program app-cs-switch .cs-switch .value{opacity:.4}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.disabled .name .name-inner .name-with-count .value{color:#dbdbdb!important}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column{color:#747576;height:40px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial{width:32px;max-width:32px;justify-content:center}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial .sr-no{width:16px;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:10px;font-weight:500;display:flex;height:100%;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-radio,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox-indeterminate{position:absolute;top:14px;left:8px;opacity:0;transition:all .2s ease-in-out}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox-indeterminate{background:#fff;border-radius:2px;width:16px;height:16px;top:12px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox .checkbox-item .checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox-indeterminate .checkbox-item .checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox .checkbox-item .checkmark,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox-indeterminate .checkbox-item .checkmark{position:absolute;top:0;left:0}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.name{width:calc(100% - 232px);min-width:calc(100% - 232px)}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.name .name-inner{width:100%}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.name .name-inner .value{color:#161b2f;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:8px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.name .name-inner .count{background:#1e5dd3;border-radius:20px;color:#fff;font-size:9px;font-weight:500;line-height:16px;min-width:24px;display:inline-block;text-align:center;padding:0 4px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.name .name-inner .name-with-count{display:flex;align-items:center;width:100%}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-name{width:calc(100% - 332px);min-width:calc(100% - 332px)}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-name .name-inner{width:100%}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-name .name-inner .name-with-count{display:flex;align-items:center;width:100%}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-name .name-inner .name-with-count .value{color:#161b2f;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:8px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-within{width:300px;min-width:300px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-within .within-name{color:#747576;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-within .primary-label{background:#7aa7f7;border-radius:2px;color:#fff;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 4px;line-height:12px;margin:0 4px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.primary-program{width:200px;max-width:200px;justify-content:end}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.primary-program app-cs-switch{opacity:0;transition:all .2s ease-in-out}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.primary-program app-cs-switch .cs-switch .value{font-size:11px!important;color:#747576!important;font-weight:500!important;width:auto!important;margin-right:8px;cursor:pointer}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.action{width:32px;max-width:32px;justify-content:center}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.action button.arrow{background:transparent;border:none;border-radius:0;color:#747576;font-size:12px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.action button.disabled{opacity:.5!important;pointer-events:none}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row:hover .table-column.serial app-cs-radio,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.active .table-column.serial app-cs-radio,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row:hover .table-column.serial app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.active .table-column.serial app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row:hover .table-column.serial app-cs-checkbox-indeterminate,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.active .table-column.serial app-cs-checkbox-indeterminate{opacity:1}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row:hover .table-column.primary-program app-cs-switch,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.active .table-column.primary-program app-cs-switch{opacity:1}::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row{border-top:1px solid #f1f1f1}::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row:hover .table-column.serial .sr-no,::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row.active .table-column.serial .sr-no{color:#f8f8f8}::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row:hover .table-column.serial .sr-no vui-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row.active .table-column.serial .sr-no vui-checkbox{opacity:1}::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row .table-column.name .name-inner .value{color:#747576;font-size:12px}::ng-deep .program-listing-body .program-listing-part .program-listing-item.active .table-row .table-column.serial app-cs-radio,::ng-deep .program-listing-body .program-listing-part .program-listing-item.active .table-row .table-column.serial app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item.active .table-row .table-column.serial app-cs-checkbox-indeterminate{opacity:1}::ng-deep .program-listing-tab{border-bottom:1px solid #DBDBDB;margin-bottom:8px}::ng-deep .program-listing-tab button{background:transparent;border-radius:0;border:none;border-bottom:3px solid transparent;margin-right:40px!important}::ng-deep .program-listing-tab button span.count{border-radius:20px;color:#74757680;min-width:24px}::ng-deep .program-listing-tab button.active{border-color:#1e5dd3;color:#1e5dd3}::ng-deep .program-listing-tab button.active span.count{background:#1e5dd3;color:#fff;font-weight:500}::ng-deep .program-listing-confirmation{background:#161b2f;border-radius:.25rem;position:absolute;left:2rem;right:2rem;bottom:2rem;z-index:1}::ng-deep .program-listing-confirmation .confirmation-top{display:flex;align-items:center;justify-content:flex-start;padding:1.25rem}::ng-deep .program-listing-confirmation .confirmation-top .icon-block{height:2.25rem;min-width:2.25rem;border-radius:50%;background:#fff;border:1px solid #dbdbdb;display:flex;justify-content:center;align-items:center;margin-right:1rem}::ng-deep .program-listing-confirmation .confirmation-top .icon-block i{color:#eb2424;font-size:12px}::ng-deep .program-listing-confirmation .confirmation-top .text{color:#fff;font-size:14px;font-weight:300}::ng-deep .program-listing-confirmation .confirmation-bottom{background:#282e48;border-radius:0 0 .25rem .25rem;padding:.75rem .75rem .75rem 1.25rem;display:flex;align-items:center;justify-content:space-between}::ng-deep .program-listing-confirmation .confirmation-bottom .message{font-size:14px;font-weight:500;line-height:20px;color:#fff}::ng-deep .program-listing-confirmation .confirmation-bottom .button-group{display:flex}::ng-deep .program-listing-confirmation .confirmation-bottom .button-group button{height:1.5rem;width:4rem;border:1px solid #fff;border-radius:.125rem;display:flex;align-items:center;justify-content:center;line-height:22px;cursor:pointer;font-size:11px;text-transform:uppercase;font-weight:500;padding:0}::ng-deep .program-listing-confirmation .confirmation-bottom .button-group button.no-btn{background:transparent;color:#fff}::ng-deep .program-listing-confirmation .confirmation-bottom .button-group button.yes-btn{background:#fff;color:#1e5dd3;margin-left:.25rem}::ng-deep .program-listing-confirmation.error-confirmation{background:#eb2424}::ng-deep .program-listing-confirmation.error-confirmation .confirmation-top{justify-content:space-between}::ng-deep .program-listing-confirmation.error-confirmation .confirmation-top button{height:1.5rem;width:3rem;border:1px solid #fff;border-radius:.125rem;display:flex;align-items:center;justify-content:center;line-height:22px;cursor:pointer;font-size:11px;text-transform:uppercase;font-weight:500;padding:0}::ng-deep .program-listing-confirmation.error-confirmation .confirmation-top button.ok-btn{background:#fff;color:#eb2424;margin-left:.25rem}::ng-deep .program-listing app-loader .main-loader{position:absolute}.within-part{display:flex;align-items:center;padding-right:12px}.within-part .value{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important;font-size:11px!important;color:#747576!important}.within-box{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding:0 4px;margin-right:8px;line-height:12px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "component", type: i4.CsSwitchComponent, selector: "app-cs-switch", inputs: ["disabled", "ngValue", "value", "tooltipMessage", "position"], outputs: ["ngValueChange"] }, { kind: "component", type: i5.CsCheckboxIndeterminateComponent, selector: "app-cs-checkbox-indeterminate", inputs: ["disabled", "ngValue", "value"], outputs: ["ngValueChange"] }, { kind: "directive", type: i6.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i7.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i8.LoaderComponent, selector: "app-loader" }, { kind: "component", type: i9.PaginationComponentUI, selector: "app-pagination", inputs: ["activeAlphabet", "pageCount", "start", "end", "total", "currentPage"], outputs: ["selectedPage", "selectedAlphabet"] }, { kind: "component", type: i10.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }] }); }
705
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ProgramListingComponent, selector: "app-program-listing", inputs: { programsList: "programsList", selectedProgram: "selectedProgram", openedFrom: "openedFrom", getSelectedCategories: ["selectedCategories", "getSelectedCategories"], responsibilityId: "responsibilityId", feature: "feature", hideProgramsList: "hideProgramsList", mode: "mode", getLinkedProgram: ["linkedProgram", "getLinkedProgram"] }, outputs: { saveSelectedProgram: "saveSelectedProgram", closeEvent: "closeEvent" }, viewQueries: [{ propertyName: "searchProgram", first: true, predicate: ["searchProgram"], descendants: true }, { propertyName: "searchCategory", first: true, predicate: ["searchCategory"], descendants: true }], ngImport: i0, template: "<div\n class=\"program-listing\"\n [class.animate]=\"animation\"\n *ngIf=\"!showCategories && !hideProgramsList\"\n>\n <div\n class=\"program-listing-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n >\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Select a Program</div>\n </div>\n <div class=\"program-listing-body\">\n <div class=\"filter-card-row\">\n <div\n class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\"\n [class.active]=\"activeTab == 'regulations'\"\n (click)=\"changeTab('regulations')\"\n >\n <div class=\"left\">\n <label\n class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\"\n >REGULATIONS</label\n >\n <p *ngIf=\"programData?.SelectedRegulationProgramsCount > 0\">\n {{ programData?.SelectedRegulationProgramsCount }}\n {{\n programData?.SelectedRegulationProgramsCount == 1\n ? \"Program\"\n : \"Programs\"\n }}\n selected\n </p>\n </div>\n <!-- <span class=\"counter\">{{programData?.AllRegulationProgramsCount}}</span> -->\n <span class=\"counter\">{{\n programTabDataCount?.allRegulationProgramsCount\n }}</span>\n </div>\n <div\n class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\"\n [class.active]=\"activeTab == 'standards'\"\n (click)=\"changeTab('standards')\"\n >\n <div class=\"left\">\n <label\n class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\"\n >STANDARDS</label\n >\n <p *ngIf=\"programData?.SelectedStandardProgramsCount > 0\">\n {{ programData?.SelectedStandardProgramsCount }}\n {{\n programData?.SelectedStandardProgramsCount == 1\n ? \"Program\"\n : \"Programs\"\n }}\n selected\n </p>\n </div>\n <!-- <span class=\"counter\">{{programData?.AllStandardProgramsCount}}</span> -->\n <span class=\"counter\">{{\n programTabDataCount?.allStandardProgramsCount\n }}</span>\n </div>\n <div\n class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\"\n [class.active]=\"activeTab == 'internal_controls'\"\n (click)=\"changeTab('internal_controls')\"\n >\n <div class=\"left\">\n <label\n class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\"\n >INTERNAL CONTROLS</label\n >\n <p *ngIf=\"programData?.SelectedInternalControlsProgramsCount > 0\">\n {{ programData?.SelectedInternalControlsProgramsCount }}\n {{\n programData?.SelectedInternalControlsProgramsCount == 1\n ? \"Program\"\n : \"Programs\"\n }}\n selected\n </p>\n </div>\n <!-- <span class=\"counter\">{{programData?.AllInternalControlsProgramsCount}}</span> -->\n <span class=\"counter\">{{\n programTabDataCount?.allInternalControlsProgramsCount\n }}</span>\n </div>\n <div\n class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\"\n [class.active]=\"activeTab == 'others'\"\n (click)=\"changeTab('others')\"\n >\n <div class=\"left\">\n <label\n class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\"\n >OTHERS</label\n >\n <p *ngIf=\"programData?.SelectedOthersProgramsCount > 0\">\n {{ programData?.SelectedOthersProgramsCount }}\n {{\n programData?.SelectedOthersProgramsCount == 1\n ? \"Program\"\n : \"Programs\"\n }}\n selected\n </p>\n </div>\n <!-- <span class=\"counter\">{{programData?.AllOthersProgramsCount}}</span> -->\n <span class=\"counter\">{{\n programTabDataCount?.allOthersProgramsCount\n }}</span>\n </div>\n </div>\n <div class=\"search-block\">\n <i class=\"icons\">&#xe90b;</i>\n <input\n type=\"text\"\n #searchProgram\n (keyup.enter)=\"handleSearch($event.target.value)\"\n placeholder=\"Search Programs\"\n />\n </div>\n <!-- mode === 'EDIT' -->\n <div\n *ngIf=\"mode === 'EDIT' && programData?.AllViewOnlyProgramCount\"\n class=\"program-listing-tab vx-d-flex vx-align-center\"\n >\n <button\n (click)=\"setProgramSubTab('PROGRAMS')\"\n class=\"vx-fs-11 vx-fw-600 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0 vx-d-flex vx-align-center vx-lh-4\"\n [class.active]=\"programSubTab === 'PROGRAMS'\"\n >\n PROGRAMS\n <span\n class=\"count vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-justify-center vx-ml-2 vx-lh-4\"\n >{{ programData?.AllProgramsCount }}</span\n >\n </button>\n <button\n (click)=\"setProgramSubTab('OTHER_PROGRAMS')\"\n class=\"vx-fs-11 vx-fw-600 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0 vx-d-flex vx-align-center vx-lh-4\"\n [class.active]=\"programSubTab === 'OTHER_PROGRAMS'\"\n >\n OTHER PROGRAMS\n <span\n class=\"count vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-justify-center vx-ml-2 vx-lh-4\"\n >{{ programData?.AllViewOnlyProgramCount }}</span\n >\n </button>\n </div>\n <app-pagination\n *ngIf=\"programData.totalPages > 1\"\n [start]=\"programData.from\"\n [end]=\"programData.to\"\n [total]=\"programData.totalRecords\"\n [pageCount]=\"programData.totalPages\"\n [currentPage]=\"programData.currentPage\"\n (selectedPage)=\"changePage($event, 'program')\"\n ></app-pagination>\n <div\n class=\"program-listing-part vx-mb-4\"\n [class.with-category-list]=\"!showCategories && !hideProgramsList\"\n [class.with-pagination]=\"programData.totalPages > 1\"\n >\n <app-no-data\n *ngIf=\"programData?.data?.length === 0 && !loader\"\n [noDataImage]=\"ASSETS.search_data\"\n [noDataText]=\"'No Data Found'\"\n ></app-no-data>\n\n <div\n class=\"program-listing-item\"\n [class.active]=\"showCategories && currentProgram?._id == program?._id\"\n *ngFor=\"let program of programData.data; let i = index\"\n [class.final-select]=\"false\"\n >\n <!-- after category was select & user move to back and edit then final-select class was show -->\n <!-- [class.disabled]=\"currentProgram?._id === program?._id && (mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM') && programSubTab !== 'OTHER_PROGRAMS'\" -->\n <div\n class=\"table-row main-list\"\n [class.active]=\"selectedProgramsId?.includes(program?._id)\"\n [class.disabled]=\"\n feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\n ? false\n : currentProgram?._id === program?._id &&\n (mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM') &&\n programSubTab !== 'OTHER_PROGRAMS'\n \"\n >\n <div class=\"table-column serial\">\n <div\n class=\"sr-no\"\n [appTooltip]=\"i + programData.from\"\n placement=\"bottom\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n >\n {{ i + programData.from }}\n </div>\n <!-- [disabled]=\"currentProgram?._id === program?._id && (mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM')\" -->\n <app-cs-checkbox\n *ngIf=\"programSubTab !== 'OTHER_PROGRAMS'\"\n [disabled]=\"\n feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\n ? false\n : currentProgram?._id === program?._id &&\n (mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM')\n \"\n [ngValue]=\"selectedProgramsId?.includes(program?._id)\"\n (ngValueChange)=\"selectProgram($event, program)\"\n ></app-cs-checkbox>\n <!-- <app-cs-radio [name]=\"'t'\" [checked]=\"currentProgram?._id == program?._id\" (checkedEvent)=\"selectProgram($event.target.checked,program)\"></app-cs-radio> -->\n </div>\n <div class=\"table-column name\">\n <div class=\"name-inner\">\n <div class=\"name-with-count\">\n <div\n class=\"value\"\n [appTooltip]=\"program?.item_name\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"false\"\n >\n {{ program?.name }}\n </div>\n </div>\n </div>\n </div>\n <div class=\"table-column primary-program\">\n <ng-container\n *ngIf=\"\n !feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\n \"\n >\n <app-cs-switch\n *ngIf=\"\n !(mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM') ||\n currentProgram?._id === program?._id\n \"\n [disabled]=\"currentProgram?._id === program?._id\"\n [ngValue]=\"currentProgram?._id === program?._id\"\n (ngValueChange)=\"setPrimaryProgram($event, program)\"\n >{{\n currentProgram?._id === program?._id\n ? \"PRIMARY PROGRAM\"\n : \"SET AS PRIMARY PROGRAM\"\n }}</app-cs-switch\n >\n </ng-container>\n </div>\n <!-- <div class=\"table-column action\">\n <button class=\"arrow\" *ngIf=\"program?.child_id?.length\" [class.disabled]=\"false\"\n [disabled]=\"false\">\n <i *ngIf=\"!(showCategories && currentProgram?._id == program?._id)\"\n (click)=\"selectProgram($event,program)\" class=\"icons\">&#xe970;</i>\n <i *ngIf=\"showCategories && currentProgram?._id == program?._id\" class=\"icons\">&#xe9e8;</i>\n </button>\n </div> -->\n </div>\n </div>\n </div>\n\n <app-floating-bar\n *ngIf=\"feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\"\n [selectedData]=\"\n selectedProgramsDetail?.length ? selectedProgramsDetail : []\n \"\n [displayElementKey]=\"'name'\"\n [singularText]=\"'Program selected'\"\n [pluralText]=\"'Programs selected'\"\n (closeEvent)=\"openCategories()\"\n (deleteEvent)=\"deleteEvent($event)\"\n [isDisabled]=\"\n (currentProgram?.category_id ? [currentProgram] : [])?.length\n ? false\n : true\n \"\n (closeList)=\"close()\"\n [elementId]=\"'category_id'\"\n >\n </app-floating-bar>\n\n <app-floating-bar\n *ngIf=\"!feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\"\n [selectedData]=\"\n selectedProgramsDetail?.length ? selectedProgramsDetail : []\n \"\n [displayElementKey]=\"'name'\"\n [singularText]=\"'Program selected'\"\n [pluralText]=\"'Programs selected'\"\n (closeEvent)=\"openCategories()\"\n (deleteEvent)=\"deleteEvent($event)\"\n [isDisabled]=\"\n (currentProgram?.category_id ? [currentProgram] : [])?.length\n ? false\n : true\n \"\n (closeList)=\"close()\"\n [defaultSelected]=\"currentProgram\"\n [nonRemovableUsersList]=\"\n mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM'\n ? viewOnlyProgramsCategoryId\n : [currentProgram?.category_id]\n \"\n [elementId]=\"'category_id'\"\n >\n </app-floating-bar>\n </div>\n <ng-container\n *ngIf=\"!feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\"\n >\n <div\n class=\"program-listing-confirmation\"\n *ngIf=\"displayConfirmationMessage\"\n >\n <div class=\"confirmation-top\">\n <div class=\"icon-block\"><i class=\"icons\">&#xe930;</i></div>\n <div class=\"text\">\n Once you select this Program, all default values associated with this\n Program will also be updated.\n </div>\n </div>\n <div class=\"confirmation-bottom\">\n <div class=\"message\">Are you sure you would like to proceed?</div>\n <div class=\"button-group\">\n <button class=\"no-btn\" (click)=\"saveChanges(false)\">NO</button>\n <button class=\"yes-btn\" (click)=\"saveChanges(true)\">YES</button>\n </div>\n </div>\n </div>\n <div\n class=\"program-listing-confirmation\"\n *ngIf=\"isPrimaryConfirmation && !isPrimaryUnchecked\"\n >\n <div class=\"confirmation-top\">\n <div class=\"icon-block\"><i class=\"icons\">&#xe930;</i></div>\n <div class=\"text\" [innerHTML]=\"primaryConfirmationMessage\"></div>\n </div>\n <div class=\"confirmation-bottom\">\n <div class=\"message\">Are you sure you would like to proceed?</div>\n <div class=\"button-group\">\n <button class=\"no-btn\" (click)=\"updatePrimaryProgram(false)\">\n NO\n </button>\n <button class=\"yes-btn\" (click)=\"updatePrimaryProgram(true)\">\n YES\n </button>\n </div>\n </div>\n </div>\n\n <div\n class=\"program-listing-confirmation error-confirmation\"\n *ngIf=\"isPrimaryUnchecked\"\n >\n <div class=\"confirmation-top\">\n <div class=\"vx-d-flex vx-align-center\">\n <div class=\"icon-block\"><i class=\"icons\">&#xe930;</i></div>\n <div class=\"text vx-pr-4\">\n You cannot deselect this Program since this is the\n <em>Primary Program</em> for this responsibility. To proceed, first\n select another Program as the <em>Primary Program</em>.\n </div>\n </div>\n <button class=\"ok-btn\" (click)=\"updatePrimaryProgram(false)\">OK</button>\n </div>\n </div>\n </ng-container>\n <!-- <app-floating-bar [selectedData]=\"(currentProgram?.category_id)?[currentProgram]:[]\" [displayElementKey]=\"'name'\"\n [singularText]=\"'Program selected'\" [pluralText]=\"'Programs selected'\" (closeEvent)=\"openCategories()\"\n (deleteEvent)=\"deleteEvent($event)\" [isDisabled]=\"((currentProgram?.category_id)?[currentProgram]:[])?.length ? false :true \" (closeList)=\"close()\">\n </app-floating-bar> -->\n\n <!-- ((currentProgram?.category_id)?[currentProgram]:[])?.length ? false :true -->\n\n <app-loader *ngIf=\"loader\"></app-loader>\n</div>\n<div\n class=\"program-listing\"\n [class.animate]=\"animation\"\n *ngIf=\"showCategories || hideProgramsList\"\n>\n <div\n class=\"program-listing-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n >\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">\n <button\n class=\"back-btn vx-fs-16 vx-p-0 vx-mr-2\"\n (click)=\"backToPrograms()\"\n >\n <i class=\"icons\">&#xe91d;</i>\n </button>\n <!-- <span *ngIf=\"currentProgram?.name\"> {{currentProgram?.name}} > </span> -->\n Program > Select Program Categories\n </div>\n </div>\n <div class=\"program-listing-body\">\n <div class=\"search-block\">\n <i class=\"icons\">&#xe90b;</i>\n <input\n type=\"text\"\n #searchCategory\n (keyup.enter)=\"categorySearch($event.target.value)\"\n placeholder=\"Search Categories\"\n />\n </div>\n <app-pagination\n *ngIf=\"categoryData.totalPages > 1\"\n class=\"category-pagination\"\n [start]=\"categoryData.from\"\n [end]=\"categoryData.to\"\n [total]=\"categoryData.totalRecords\"\n [pageCount]=\"categoryData.totalPages\"\n [currentPage]=\"categoryData.currentPage\"\n (selectedPage)=\"changePage($event, 'category')\"\n ></app-pagination>\n <div\n class=\"program-listing-part vx-mb-4\"\n [class.with-category-pagination]=\"categoryData.totalPages > 1\"\n >\n <app-no-data\n *ngIf=\"categoryData?.data?.length === 0 && !loader\"\n [noDataImage]=\"ASSETS.search_data\"\n [noDataText]=\"'No Data Found'\"\n ></app-no-data>\n\n <ng-container *ngIf=\"!loader && categoryData.data?.length\">\n <ng-container *ngIf=\"false\">\n <div\n class=\"selected-area\"\n *ngIf=\"\n !loader &&\n (currentProgram?.name\n ? categoryData.data?.length\n : programData?.data?.length)\n \"\n >\n <app-cs-checkbox\n *ngIf=\"checkCategoriesSelection() == 'checked'\"\n [ngValue]=\"true\"\n (ngValueChange)=\"selectAllCategories(false)\"\n >Deselect All</app-cs-checkbox\n >\n <app-cs-checkbox-indeterminate\n *ngIf=\"checkCategoriesSelection() == 'indeterminate'\"\n [ngValue]=\"true\"\n (ngValueChange)=\"selectAllCategories(false)\"\n >Deselect All</app-cs-checkbox-indeterminate\n >\n <app-cs-checkbox\n *ngIf=\"checkCategoriesSelection() == 'unchecked'\"\n [ngValue]=\"false\"\n (ngValueChange)=\"selectAllCategories(true)\"\n >Select All</app-cs-checkbox\n >\n </div>\n </ng-container>\n <div class=\"table-head\">\n <div class=\"table-row\">\n <div class=\"table-column serial\">#</div>\n <div class=\"table-column category-name\">CATEGORIES</div>\n <div class=\"table-column category-within\">WITHIN</div>\n </div>\n </div>\n <div\n class=\"program-listing-item\"\n [class.active]=\"subList\"\n *ngFor=\"let category of categoryData.data; let i = index\"\n [class.active]=\"selectedIds.includes(category.category_id)\"\n >\n <div class=\"table-row main-list\" [class.disabled]=\"false\">\n <div class=\"table-column serial\">\n <div\n class=\"sr-no\"\n [appTooltip]=\"i + categoryData?.from\"\n placement=\"bottom\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n >\n {{ i + categoryData?.from }}\n </div>\n <app-cs-checkbox\n [ngValue]=\"selectedIds.includes(category.category_id)\"\n (ngValueChange)=\"selectCategory($event, category)\"\n ></app-cs-checkbox>\n </div>\n <div class=\"table-column category-name\">\n <div class=\"name-inner\">\n <div class=\"name-with-count\">\n <div\n class=\"value\"\n [appTooltip]=\"category?.name\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"false\"\n >\n {{ category?.name }}\n </div>\n </div>\n <!-- <div class=\"within-part\" *ngIf=\"category?.parent_category_name?.length>0\">\n <span class=\"within-box\">Within</span>\n <span class=\"value\" [appTooltip]=\"'South Africa > America > India'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">\n <span *ngFor=\"let parent of category?.parent_category_name;let j=index\">{{(j!=(category?.parent_category_name?.length-1))?\n parent+' < ':parent}} </span>\n </span>\n </div> -->\n </div>\n </div>\n <div\n class=\"table-column category-within\"\n *ngIf=\"category?.parent_category_name?.length > 0\"\n >\n <div\n *ngFor=\"\n let parent of category?.parent_category_name;\n let last = last\n \"\n class=\"within-name\"\n [appTooltip]=\"\n category?.parent_category_name\n ?.slice()\n ?.reverse()\n ?.join(' > ')\n \"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"false\"\n >\n {{ parent }}\n <span *ngIf=\"!last\"> >&nbsp; </span>\n </div>\n <div\n *ngIf=\"\n category?.parent_category_ids?.includes(\n currentProgram?.category_id\n ) &&\n !feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\n \"\n class=\"primary-label\"\n >\n PRIMARY\n </div>\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n\n <app-floating-bar\n [selectedData]=\"categoryData.selectedCategories\"\n [displayElementKey]=\"'name'\"\n [singularText]=\"'Program Category selected'\"\n [pluralText]=\"'Program Categories selected'\"\n (closeEvent)=\"save()\"\n (deleteEvent)=\"removeCategories($event)\"\n (closeList)=\"backToPrograms()\"\n >\n </app-floating-bar>\n </div>\n <ng-container\n *ngIf=\"!feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\"\n >\n <div\n class=\"program-listing-confirmation\"\n *ngIf=\"displayConfirmationMessage\"\n >\n <div class=\"confirmation-top\">\n <div class=\"icon-block\"><i class=\"icons\">&#xe930;</i></div>\n <div class=\"text\">\n Once you select this Program, all default values associated with this\n Program will also be updated.\n </div>\n </div>\n <div class=\"confirmation-bottom\">\n <div class=\"message\">Are you sure you would like to proceed?</div>\n <div class=\"button-group\">\n <button class=\"no-btn\" (click)=\"saveChanges(false)\">NO</button>\n <button class=\"yes-btn\" (click)=\"saveChanges(true)\">YES</button>\n </div>\n </div>\n </div>\n </ng-container>\n <app-loader *ngIf=\"loader\"></app-loader>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .program-listing{position:fixed;inset:0 500px 0 0}::ng-deep .program-listing:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .program-listing.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .program-listing-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .program-listing-head button.back-btn{background:transparent;border-radius:0;border:none;position:relative;top:.125rem}::ng-deep .program-listing-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .program-listing-body .filter-card{box-shadow:0 0 2px #00000029;border-radius:.125rem;height:55px;cursor:pointer}::ng-deep .program-listing-body .filter-card.active{box-shadow:0 3px 12px #1e5dd340;border:none;pointer-events:none}::ng-deep .program-listing-body .filter-card.active span.counter{background:#f1f1f1;color:#042e7d}::ng-deep .program-listing-body .filter-card label{font-weight:500;text-transform:uppercase;color:#747576;line-height:16px;margin-left:0;font-size:11px;width:100%;pointer-events:none}::ng-deep .program-listing-body .filter-card p{line-height:16px;font-size:11px;color:#161b2f;font-weight:600;margin:0}::ng-deep .program-listing-body .filter-card span.counter{display:flex;height:28px;min-width:28px;border-radius:2px;background:#042e7d;color:#fff;font-size:11px;font-weight:600;justify-content:center;align-items:center;padding:0 4px;line-height:28px}::ng-deep .program-listing-body .filter-card .left{display:flex;flex-wrap:wrap}::ng-deep .program-listing-body .filter-card+.filter-card{margin-left:4px}::ng-deep .program-listing-body .filter-card-row{display:flex;padding-bottom:8px}::ng-deep .program-listing-body .search-block{position:relative;margin-bottom:8px}::ng-deep .program-listing-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .program-listing-body .search-block input::placeholder{font-weight:400}::ng-deep .program-listing-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .program-listing-body .search-block i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1;font-size:12px}::ng-deep .program-listing-body app-pagination .wk-pagination-sec-ds{padding-top:0!important}::ng-deep .program-listing-body app-pagination.category-pagination .wk-pagination-sec-ds{padding-bottom:0!important}::ng-deep .program-listing-body .program-listing-part{height:calc(100vh - 225px);overflow:auto;padding:0 12px 0 0;width:calc(100% + 12px)}::ng-deep .program-listing-body .program-listing-part::-webkit-scrollbar-track{background-color:#fff;position:absolute}::ng-deep .program-listing-body .program-listing-part::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .program-listing-body .program-listing-part::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .program-listing-body .program-listing-part.with-pagination{height:calc(100vh - 244px)}::ng-deep .program-listing-body .program-listing-part.with-category-list{height:calc(100vh - 288px)}::ng-deep .program-listing-body .program-listing-part.with-category-list.with-pagination{height:calc(100vh - 324px)}::ng-deep .program-listing-body .program-listing-part.with-category-pagination{height:calc(100vh - 252px)}::ng-deep .program-listing-body .program-listing-part .selected-area{background:#fff;height:32px;position:sticky;top:0;z-index:1}::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate{background:#fff;border-radius:2px;width:100%;height:16px}::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox .checkbox-item,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate .checkbox-item{width:100%;position:relative}::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox .checkbox-item .checkbox,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate .checkbox-item .checkbox,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox .checkbox-item .checkmark,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate .checkbox-item .checkmark{position:absolute;top:0;left:0}::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox .checkbox-item .value,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate .checkbox-item .value{color:#161b2f;font-size:12px;font-weight:500;margin-left:24px}::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate .checkbox-item .value{margin-left:0}::ng-deep .program-listing-body .program-listing-part .table-head{background:#fff;position:sticky;top:0;z-index:1}::ng-deep .program-listing-body .program-listing-part .table-head .table-row{display:flex;align-items:center;justify-content:space-between}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column{color:#161b2f;font-size:11px;font-weight:500;height:24px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px;text-transform:uppercase}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column.serial{width:32px;max-width:32px;justify-content:center}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column.name{width:calc(100% - 64px);min-width:calc(100% - 64px)}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column.action{width:32px;max-width:32px;justify-content:center}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column.category-name{width:calc(100% - 332px);min-width:calc(100% - 332px)}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column.category-within{width:300px;min-width:300px}::ng-deep .program-listing-body .program-listing-part .program-listing-item.final-select{background:#fbfbfb}::ng-deep .program-listing-body .program-listing-part .program-listing-item.final-select .table-row .table-column.serial .sr-no{background:transparent}::ng-deep .program-listing-body .program-listing-part .program-listing-item .main-list{border:1px solid #f1f1f1;border-radius:2px;cursor:pointer;margin-bottom:4px}::ng-deep .program-listing-body .program-listing-part .program-listing-item.active .table-row .table-column.serial .sr-no{opacity:0}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row{display:flex;align-items:center;justify-content:space-between}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.disabled{pointer-events:none}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.disabled .primary-program app-cs-switch .cs-switch .value{opacity:.4}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.disabled .name .name-inner .name-with-count .value{color:#dbdbdb!important}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column{color:#747576;height:40px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial{width:32px;max-width:32px;justify-content:center}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial .sr-no{width:16px;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:10px;font-weight:500;display:flex;height:100%;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-radio,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox-indeterminate{position:absolute;top:14px;left:8px;opacity:0;transition:all .2s ease-in-out}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox-indeterminate{background:#fff;border-radius:2px;width:16px;height:16px;top:12px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox .checkbox-item .checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox-indeterminate .checkbox-item .checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox .checkbox-item .checkmark,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox-indeterminate .checkbox-item .checkmark{position:absolute;top:0;left:0}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.name{width:calc(100% - 232px);min-width:calc(100% - 232px)}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.name .name-inner{width:100%}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.name .name-inner .value{color:#161b2f;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:8px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.name .name-inner .count{background:#1e5dd3;border-radius:20px;color:#fff;font-size:9px;font-weight:500;line-height:16px;min-width:24px;display:inline-block;text-align:center;padding:0 4px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.name .name-inner .name-with-count{display:flex;align-items:center;width:100%}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-name{width:calc(100% - 332px);min-width:calc(100% - 332px)}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-name .name-inner{width:100%}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-name .name-inner .name-with-count{display:flex;align-items:center;width:100%}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-name .name-inner .name-with-count .value{color:#161b2f;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:8px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-within{width:300px;min-width:300px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-within .within-name{color:#747576;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-within .primary-label{background:#7aa7f7;border-radius:2px;color:#fff;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 4px;line-height:12px;margin:0 4px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.primary-program{width:200px;max-width:200px;justify-content:end}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.primary-program app-cs-switch{opacity:0;transition:all .2s ease-in-out}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.primary-program app-cs-switch .cs-switch .value{font-size:11px!important;color:#747576!important;font-weight:500!important;width:auto!important;margin-right:8px;cursor:pointer}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.action{width:32px;max-width:32px;justify-content:center}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.action button.arrow{background:transparent;border:none;border-radius:0;color:#747576;font-size:12px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.action button.disabled{opacity:.5!important;pointer-events:none}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row:hover .table-column.serial app-cs-radio,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.active .table-column.serial app-cs-radio,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row:hover .table-column.serial app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.active .table-column.serial app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row:hover .table-column.serial app-cs-checkbox-indeterminate,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.active .table-column.serial app-cs-checkbox-indeterminate{opacity:1}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row:hover .table-column.primary-program app-cs-switch,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.active .table-column.primary-program app-cs-switch{opacity:1}::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row{border-top:1px solid #f1f1f1}::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row:hover .table-column.serial .sr-no,::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row.active .table-column.serial .sr-no{color:#f8f8f8}::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row:hover .table-column.serial .sr-no vui-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row.active .table-column.serial .sr-no vui-checkbox{opacity:1}::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row .table-column.name .name-inner .value{color:#747576;font-size:12px}::ng-deep .program-listing-body .program-listing-part .program-listing-item.active .table-row .table-column.serial app-cs-radio,::ng-deep .program-listing-body .program-listing-part .program-listing-item.active .table-row .table-column.serial app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item.active .table-row .table-column.serial app-cs-checkbox-indeterminate{opacity:1}::ng-deep .program-listing-tab{border-bottom:1px solid #DBDBDB;margin-bottom:8px}::ng-deep .program-listing-tab button{background:transparent;border-radius:0;border:none;border-bottom:3px solid transparent;margin-right:40px!important}::ng-deep .program-listing-tab button span.count{border-radius:20px;color:#74757680;min-width:24px}::ng-deep .program-listing-tab button.active{border-color:#1e5dd3;color:#1e5dd3}::ng-deep .program-listing-tab button.active span.count{background:#1e5dd3;color:#fff;font-weight:500}::ng-deep .program-listing-confirmation{background:#161b2f;border-radius:.25rem;position:absolute;left:2rem;right:2rem;bottom:2rem;z-index:1}::ng-deep .program-listing-confirmation .confirmation-top{display:flex;align-items:center;justify-content:flex-start;padding:1.25rem}::ng-deep .program-listing-confirmation .confirmation-top .icon-block{height:2.25rem;min-width:2.25rem;border-radius:50%;background:#fff;border:1px solid #dbdbdb;display:flex;justify-content:center;align-items:center;margin-right:1rem}::ng-deep .program-listing-confirmation .confirmation-top .icon-block i{color:#eb2424;font-size:12px}::ng-deep .program-listing-confirmation .confirmation-top .text{color:#fff;font-size:14px;font-weight:300}::ng-deep .program-listing-confirmation .confirmation-bottom{background:#282e48;border-radius:0 0 .25rem .25rem;padding:.75rem .75rem .75rem 1.25rem;display:flex;align-items:center;justify-content:space-between}::ng-deep .program-listing-confirmation .confirmation-bottom .message{font-size:14px;font-weight:500;line-height:20px;color:#fff}::ng-deep .program-listing-confirmation .confirmation-bottom .button-group{display:flex}::ng-deep .program-listing-confirmation .confirmation-bottom .button-group button{height:1.5rem;width:4rem;border:1px solid #fff;border-radius:.125rem;display:flex;align-items:center;justify-content:center;line-height:22px;cursor:pointer;font-size:11px;text-transform:uppercase;font-weight:500;padding:0}::ng-deep .program-listing-confirmation .confirmation-bottom .button-group button.no-btn{background:transparent;color:#fff}::ng-deep .program-listing-confirmation .confirmation-bottom .button-group button.yes-btn{background:#fff;color:#1e5dd3;margin-left:.25rem}::ng-deep .program-listing-confirmation.error-confirmation{background:#eb2424}::ng-deep .program-listing-confirmation.error-confirmation .confirmation-top{justify-content:space-between}::ng-deep .program-listing-confirmation.error-confirmation .confirmation-top button{height:1.5rem;width:3rem;border:1px solid #fff;border-radius:.125rem;display:flex;align-items:center;justify-content:center;line-height:22px;cursor:pointer;font-size:11px;text-transform:uppercase;font-weight:500;padding:0}::ng-deep .program-listing-confirmation.error-confirmation .confirmation-top button.ok-btn{background:#fff;color:#eb2424;margin-left:.25rem}::ng-deep .program-listing app-loader .main-loader{position:absolute}.within-part{display:flex;align-items:center;padding-right:12px}.within-part .value{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important;font-size:11px!important;color:#747576!important}.within-box{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding:0 4px;margin-right:8px;line-height:12px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "component", type: i4.CsSwitchComponent, selector: "app-cs-switch", inputs: ["disabled", "ngValue", "value", "tooltipMessage", "position"], outputs: ["ngValueChange"] }, { kind: "component", type: i5.CsCheckboxIndeterminateComponent, selector: "app-cs-checkbox-indeterminate", inputs: ["disabled", "ngValue", "value"], outputs: ["ngValueChange"] }, { kind: "directive", type: i6.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i7.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i8.LoaderComponent, selector: "app-loader" }, { kind: "component", type: i9.PaginationComponentUI, selector: "app-pagination", inputs: ["activeAlphabet", "pageCount", "start", "end", "total", "currentPage"], outputs: ["selectedPage", "selectedAlphabet"] }, { kind: "component", type: i10.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "isResponsibility", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }] }); }
706
706
  }
707
707
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgramListingComponent, decorators: [{
708
708
  type: Component,
package/esm2022/lib/sharedComponents/radio-list/radio-list.component.mjs CHANGED
@@ -56,7 +56,7 @@ export class RadioListComponent {
56
56
  return array.map((a) => a[identifierKey]);
57
57
  }
58
58
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
59
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadioListComponent, selector: "app-radio-list", inputs: { itemsList: "itemsList", selectedItems: "selectedItems", identifierKey: "identifierKey", displayKey: "displayKey", tooltipKey: "tooltipKey", config: "config", twoColumn: "twoColumn", loader: "loader" }, outputs: { closeList: "closeList", saveList: "saveList" }, viewQueries: [{ propertyName: "listBlock", first: true, predicate: ["listBlock"], descendants: true }], ngImport: i0, template: "<div class=\"radio-list\" [class.animate]=\"animation\">\n <div\n class=\"radio-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n >\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">{{ config?.panelTitle }}</div>\n <!-- <button class=\"radio-list-close\">\n <i class=\"icons\" (click)=\"close()\">&#xe90d;</i>\n </button> -->\n </div>\n\n <div class=\"radio-list-body\">\n <div class=\"search-block vx-mb-2\" *ngIf=\"config?.searchEnabled\">\n <i class=\"icons\">&#xe90b;</i>\n <input\n type=\"text\"\n [placeholder]=\"config?.searchPlaceholder\"\n [(ngModel)]=\"searchItem\"\n />\n </div>\n <app-loader-inline *ngIf=\"loader\"></app-loader-inline>\n <ng-container\n *ngIf=\"itemsList | search : searchItem : displayKey as searchList\"\n >\n <div class=\"categories vx-mb-4\" *ngIf=\"searchList?.length > 0\">\n <ul [class.two-column]=\"twoColumn\" *ngIf=\"searchList?.length > 0\">\n <li *ngFor=\"let item of searchList\">\n <ng-container *ngIf=\"(item[displayKey] | dataType) !== 'object'\">\n <app-cs-radio\n [name]=\"'radio-selector'\"\n (checkedEvent)=\"selectItem(item[identifierKey])\"\n [name]=\"'rx-category'\"\n [checked]=\"selectedItems.includes(item[identifierKey])\"\n [appTooltip]=\"tooltipKey ? item[tooltipKey] : item[displayKey]\"\n placement=\"bottom-left\"\n delay=\"0\"\n [tooltipMandatory]=\"true\"\n >\n {{ item[displayKey] }}\n </app-cs-radio>\n </ng-container>\n <ng-container *ngIf=\"(item[displayKey] | dataType) === 'object'\">\n <app-cs-radio\n [name]=\"'radio-selector'\"\n (checkedEvent)=\"selectItem(item[identifierKey])\"\n [checked]=\"selectedItems.includes(item[identifierKey])\"\n >\n <ul class=\"category-within-list\" #listBlock>\n <li\n *ngFor=\"let child of item[displayKey]\"\n [style.max-width.px]=\"blockWidth / item[displayKey].length\"\n >\n <span\n [appTooltip]=\"child\"\n placement=\"bottom-left\"\n delay=\"0\"\n >{{ child }}</span\n >\n </li>\n </ul>\n </app-cs-radio>\n </ng-container>\n </li>\n </ul>\n </div>\n <app-no-data\n *ngIf=\"searchList?.length === 0 && !loader\"\n [noDataImage]=\"ASSETS.search_data\"\n [noDataText]=\"\n config?.noDataText?.length > 0\n ? config?.noDataText\n : 'No data to display'\n \"\n ></app-no-data>\n </ng-container>\n\n <app-floating-bar\n *ngIf=\"!loader\"\n [selectedData]=\"selectedItems | listMapper : itemsList : identifierKey\"\n [displayElementKey]=\"displayKey\"\n [singularText]=\"config?.floatingTextSingular\"\n [pluralText]=\"\n config?.floatingTextPlural\n ? config?.floatingTextPlural\n : 'Users selected'\n \"\n (closeEvent)=\"save()\"\n (closeList)=\"close()\"\n (deleteEvent)=\"deleteItem($event)\"\n [isDisabled]=\"selectedItems.length === 0 || itemsList.length === 0\"\n >\n </app-floating-bar>\n </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .radio-list{position:fixed;inset:0 500px 0 0}::ng-deep .radio-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .radio-list-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .radio-list-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .radio-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .radio-list-body .search-block{position:relative}::ng-deep .radio-list-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .radio-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .radio-list-body .search-block i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1;font-size:12px}::ng-deep .radio-list-body .categories{height:calc(100vh - 224px);overflow:hidden;overflow-y:auto}::ng-deep .radio-list-body .categories ul{padding:0;margin:0}::ng-deep .radio-list-body .categories ul li{padding:0 0 1rem;list-style:none}::ng-deep .radio-list-body .categories ul li app-cs-radio{display:flex}::ng-deep .radio-list-body .categories ul li app-cs-radio label.radio-item{width:100%}::ng-deep .radio-list-body .categories ul li app-cs-radio label.radio-item span.value{width:100%;color:#161b2f;font-size:12px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}::ng-deep .radio-list-body .categories ul li app-cs-radio label.radio-item span.value ul{padding:0;margin:0}::ng-deep .radio-list-body .categories ul li app-cs-radio label.radio-item span.value ul.category-within-list{display:flex;max-width:100%}::ng-deep .radio-list-body .categories ul li app-cs-radio label.radio-item span.value ul.category-within-list li{display:block;padding:0 8px;position:relative;max-width:50%;width:auto}::ng-deep .radio-list-body .categories ul li app-cs-radio label.radio-item span.value ul.category-within-list li:after{content:\">\";position:absolute;top:0;right:-3px;color:#747576;font-size:13px}::ng-deep .radio-list-body .categories ul li app-cs-radio label.radio-item span.value ul.category-within-list li span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#747576}::ng-deep .radio-list-body .categories ul li app-cs-radio label.radio-item span.value ul.category-within-list li:last-of-type:after{display:none}::ng-deep .radio-list-body .categories ul li app-cs-radio label.radio-item span.value ul.category-within-list li:last-of-type span{color:#34aa44}::ng-deep .radio-list-body .categories ul li app-cs-radio label.radio-item span.value ul.category-within-list li:first-of-type{padding-left:0}::ng-deep .radio-list-body .categories ul li app-cs-radio label.radio-item span.value ul.category-within-list li:first-of-type span{color:#1e5dd3}::ng-deep .radio-list-body .categories ul.two-column{display:flex;flex-wrap:wrap;align-items:flex-start}::ng-deep .radio-list-body .categories ul.two-column li{width:50%;padding-right:20px}::ng-deep .radio-list-body app-no-data .no-data-wrapper{height:calc(100% - 100px)!important}::ng-deep .radio-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "directive", type: i4.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i6.LoaderInlineComponent, selector: "app-loader-inline" }, { kind: "component", type: i7.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "pipe", type: i8.DataTypePipe, name: "dataType" }, { kind: "pipe", type: i9.ListMapperPipe, name: "listMapper" }, { kind: "pipe", type: i10.SearchPipe, name: "search" }] }); }
59
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadioListComponent, selector: "app-radio-list", inputs: { itemsList: "itemsList", selectedItems: "selectedItems", identifierKey: "identifierKey", displayKey: "displayKey", tooltipKey: "tooltipKey", config: "config", twoColumn: "twoColumn", loader: "loader" }, outputs: { closeList: "closeList", saveList: "saveList" }, viewQueries: [{ propertyName: "listBlock", first: true, predicate: ["listBlock"], descendants: true }], ngImport: i0, template: "<div class=\"radio-list\" [class.animate]=\"animation\">\n <div\n class=\"radio-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n >\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">{{ config?.panelTitle }}</div>\n <!-- <button class=\"radio-list-close\">\n <i class=\"icons\" (click)=\"close()\">&#xe90d;</i>\n </button> -->\n </div>\n\n <div class=\"radio-list-body\">\n <div class=\"search-block vx-mb-2\" *ngIf=\"config?.searchEnabled\">\n <i class=\"icons\">&#xe90b;</i>\n <input\n type=\"text\"\n [placeholder]=\"config?.searchPlaceholder\"\n [(ngModel)]=\"searchItem\"\n />\n </div>\n <app-loader-inline *ngIf=\"loader\"></app-loader-inline>\n <ng-container\n *ngIf=\"itemsList | search : searchItem : displayKey as searchList\"\n >\n <div class=\"categories vx-mb-4\" *ngIf=\"searchList?.length > 0\">\n <ul [class.two-column]=\"twoColumn\" *ngIf=\"searchList?.length > 0\">\n <li *ngFor=\"let item of searchList\">\n <ng-container *ngIf=\"(item[displayKey] | dataType) !== 'object'\">\n <app-cs-radio\n [name]=\"'radio-selector'\"\n (checkedEvent)=\"selectItem(item[identifierKey])\"\n [name]=\"'rx-category'\"\n [checked]=\"selectedItems.includes(item[identifierKey])\"\n [appTooltip]=\"tooltipKey ? item[tooltipKey] : item[displayKey]\"\n placement=\"bottom-left\"\n delay=\"0\"\n [tooltipMandatory]=\"true\"\n >\n {{ item[displayKey] }}\n </app-cs-radio>\n </ng-container>\n <ng-container *ngIf=\"(item[displayKey] | dataType) === 'object'\">\n <app-cs-radio\n [name]=\"'radio-selector'\"\n (checkedEvent)=\"selectItem(item[identifierKey])\"\n [checked]=\"selectedItems.includes(item[identifierKey])\"\n >\n <ul class=\"category-within-list\" #listBlock>\n <li\n *ngFor=\"let child of item[displayKey]\"\n [style.max-width.px]=\"blockWidth / item[displayKey].length\"\n >\n <span\n [appTooltip]=\"child\"\n placement=\"bottom-left\"\n delay=\"0\"\n >{{ child }}</span\n >\n </li>\n </ul>\n </app-cs-radio>\n </ng-container>\n </li>\n </ul>\n </div>\n <app-no-data\n *ngIf=\"searchList?.length === 0 && !loader\"\n [noDataImage]=\"ASSETS.search_data\"\n [noDataText]=\"\n config?.noDataText?.length > 0\n ? config?.noDataText\n : 'No data to display'\n \"\n ></app-no-data>\n </ng-container>\n\n <app-floating-bar\n *ngIf=\"!loader\"\n [selectedData]=\"selectedItems | listMapper : itemsList : identifierKey\"\n [displayElementKey]=\"displayKey\"\n [singularText]=\"config?.floatingTextSingular\"\n [pluralText]=\"\n config?.floatingTextPlural\n ? config?.floatingTextPlural\n : 'Users selected'\n \"\n (closeEvent)=\"save()\"\n (closeList)=\"close()\"\n (deleteEvent)=\"deleteItem($event)\"\n [isDisabled]=\"selectedItems.length === 0 || itemsList.length === 0\"\n >\n </app-floating-bar>\n </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .radio-list{position:fixed;inset:0 500px 0 0}::ng-deep .radio-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .radio-list-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .radio-list-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .radio-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .radio-list-body .search-block{position:relative}::ng-deep .radio-list-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .radio-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .radio-list-body .search-block i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1;font-size:12px}::ng-deep .radio-list-body .categories{height:calc(100vh - 224px);overflow:hidden;overflow-y:auto}::ng-deep .radio-list-body .categories ul{padding:0;margin:0}::ng-deep .radio-list-body .categories ul li{padding:0 0 1rem;list-style:none}::ng-deep .radio-list-body .categories ul li app-cs-radio{display:flex}::ng-deep .radio-list-body .categories ul li app-cs-radio label.radio-item{width:100%}::ng-deep .radio-list-body .categories ul li app-cs-radio label.radio-item span.value{width:100%;color:#161b2f;font-size:12px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}::ng-deep .radio-list-body .categories ul li app-cs-radio label.radio-item span.value ul{padding:0;margin:0}::ng-deep .radio-list-body .categories ul li app-cs-radio label.radio-item span.value ul.category-within-list{display:flex;max-width:100%}::ng-deep .radio-list-body .categories ul li app-cs-radio label.radio-item span.value ul.category-within-list li{display:block;padding:0 8px;position:relative;max-width:50%;width:auto}::ng-deep .radio-list-body .categories ul li app-cs-radio label.radio-item span.value ul.category-within-list li:after{content:\">\";position:absolute;top:0;right:-3px;color:#747576;font-size:13px}::ng-deep .radio-list-body .categories ul li app-cs-radio label.radio-item span.value ul.category-within-list li span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#747576}::ng-deep .radio-list-body .categories ul li app-cs-radio label.radio-item span.value ul.category-within-list li:last-of-type:after{display:none}::ng-deep .radio-list-body .categories ul li app-cs-radio label.radio-item span.value ul.category-within-list li:last-of-type span{color:#34aa44}::ng-deep .radio-list-body .categories ul li app-cs-radio label.radio-item span.value ul.category-within-list li:first-of-type{padding-left:0}::ng-deep .radio-list-body .categories ul li app-cs-radio label.radio-item span.value ul.category-within-list li:first-of-type span{color:#1e5dd3}::ng-deep .radio-list-body .categories ul.two-column{display:flex;flex-wrap:wrap;align-items:flex-start}::ng-deep .radio-list-body .categories ul.two-column li{width:50%;padding-right:20px}::ng-deep .radio-list-body app-no-data .no-data-wrapper{height:calc(100% - 100px)!important}::ng-deep .radio-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "directive", type: i4.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i6.LoaderInlineComponent, selector: "app-loader-inline" }, { kind: "component", type: i7.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "isResponsibility", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "pipe", type: i8.DataTypePipe, name: "dataType" }, { kind: "pipe", type: i9.ListMapperPipe, name: "listMapper" }, { kind: "pipe", type: i10.SearchPipe, name: "search" }] }); }
60
60
  }
61
61
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioListComponent, decorators: [{
62
62
  type: Component,
package/esm2022/lib/sharedComponents/radio-list-with-pagination/radio-list.component.mjs CHANGED
@@ -92,7 +92,7 @@ export class RadioListWithPaginationComponent {
92
92
  return data;
93
93
  }
94
94
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioListWithPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
95
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadioListWithPaginationComponent, selector: "app-radio-list-with-pagination", inputs: { setList: ["categoryList", "setList"], config: "config", currentPage: "currentPage", recordStart: "recordStart", recordEnd: "recordEnd", totalRecords: "totalRecords", totalPages: "totalPages", loading: "loading", setSelected: ["selectedList", "setSelected"] }, outputs: { fetchData: "fetchData", back: "back", next: "next", cancel: "cancel" }, ngImport: i0, template: "<div class=\"radio-list\" [class.animate]=\"animation\">\n <div\n class=\"radio-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n >\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">{{ config?.panelTitle }}</div>\n <!-- <button class=\"radio-list-close\">\n <i class=\"icons\" (click)=\"close()\">&#xe90d;</i>\n </button> -->\n </div>\n\n <div class=\"radio-list-body\">\n <div class=\"search-block vx-mb-2\" *ngIf=\"true\">\n <i class=\"icons\">&#xe90b;</i>\n <input\n (keydown.enter)=\"search()\"\n type=\"text\"\n [placeholder]=\"config?.searchPlaceholder\"\n [(ngModel)]=\"searchKey\"\n />\n </div>\n\n <app-pagination\n *ngIf=\"totalPages > 1\"\n [start]=\"recordStart\"\n [end]=\"recordEnd\"\n [total]=\"totalRecords\"\n [pageCount]=\"totalPages\"\n [currentPage]=\"currentPage\"\n (selectedPage)=\"pageChanged($event)\"\n ></app-pagination>\n\n <!-- it is visible when list data is available -->\n <ng-container *ngIf=\"!loading && list?.length\">\n <div class=\"categories vx-mb-4\" [class.mt-2]=\"totalPages === 0\">\n <app-cs-checkbox\n [ngValue]=\"checkSelectAll()\"\n (ngValueChange)=\"selectAll($event)\"\n >\n <span class=\"vx-fw-600 vx-label-txt\">{{\n checkSelectAll() ? \"Deselect All\" : \"Select All\"\n }}</span>\n </app-cs-checkbox>\n </div>\n <ul\n class=\"categories-list vx-mb-4\"\n [class.with-pagination]=\"totalPages > 1\"\n >\n <li *ngFor=\"let item of list; let i = index\">\n <!-- [ngValue]=\"selectedIds.includes(category[categoryIdKey])\" -->\n <app-cs-checkbox\n [ngValue]=\"selectedIds?.includes(item[config?.identifierKey])\"\n (ngValueChange)=\"itemSelected($event, item)\"\n [appTooltip]=\"item[config.displayKey]\"\n placement=\"bottom-left\"\n delay=\"0\"\n [tooltipMandatory]=\"true\"\n >\n <div class=\"name\">{{ item[config.displayKey] }}</div>\n <div\n class=\"within vx-d-flex vx-align-center vx-justify-start vx-mt-1\"\n >\n <div\n class=\"block vx-fs-9 vx-fw-500 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2\"\n *ngIf=\"item[config?.parentDisplayKey] != ''\"\n >\n WITHIN\n </div>\n <div\n class=\"data vx-fs-11 vx-paragraph-txt vx-lh-4 vx-pr-5\"\n [appTooltip]=\"'test > test'\"\n placement=\"bottom-left\"\n delay=\"0\"\n [tooltipMandatory]=\"false\"\n >\n {{ item[config?.parentDisplayKey] }}\n </div>\n </div>\n </app-cs-checkbox>\n </li>\n </ul>\n </ng-container>\n <!-- It is visible when the list items are getting loaded -->\n <app-listline-loader *ngIf=\"loading\"></app-listline-loader>\n <ng-container *ngIf=\"!loading && list?.length === 0\">\n <app-no-data\n [noDataImage]=\"ASSETS.search_data\"\n [noDataText]=\"\n config?.noDataText?.length > 0\n ? config?.noDataText\n : 'No data to display'\n \"\n ></app-no-data>\n </ng-container>\n\n <app-floating-bar\n [selectedData]=\"selectedList\"\n [displayElementKey]=\"config?.displayKey\"\n [singularText]=\"config?.entitySingular\"\n [pluralText]=\"\n config?.entityPlural ? config?.entityPlural : 'Users selected'\n \"\n (closeEvent)=\"save()\"\n (closeList)=\"close()\"\n (deleteEvent)=\"deleteItem($event)\"\n [isDisabled]=\"selectedList.length === 0 || list?.length === 0\"\n >\n </app-floating-bar>\n </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .radio-list{position:fixed;inset:0 500px 0 0}::ng-deep .radio-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .radio-list-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .radio-list-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .radio-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .radio-list-body .search-block{position:relative}::ng-deep .radio-list-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .radio-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .radio-list-body .search-block i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1;font-size:12px}::ng-deep .radio-list-body app-pagination .wk-pagination-sec-ds{padding:0!important}::ng-deep .radio-list-body .categories{height:1rem}::ng-deep .radio-list-body .categories app-cs-checkbox .checkbox-item{position:relative;padding-left:24px;width:100%}::ng-deep .radio-list-body .categories app-cs-checkbox .checkbox-item .checkbox,::ng-deep .radio-list-body .categories app-cs-checkbox .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .radio-list-body .categories app-cs-checkbox .checkbox-item .value{margin:0!important}::ng-deep .radio-list-body .categories app-cs-checkbox .checkbox-item .value span{color:#161b2f;font-weight:600;font-size:12px}::ng-deep .radio-list-body ul{padding:0;margin:0}::ng-deep .radio-list-body ul.categories-list{display:block;align-items:flex-start;flex-wrap:wrap;height:calc(100vh - 256px);overflow:auto;margin:16px 0 0}::ng-deep .radio-list-body ul.categories-list.with-pagination{height:calc(100vh - 284px)}::ng-deep .radio-list-body ul.categories-list li{padding:0 0 .5rem;list-style:none}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item{position:relative;padding-left:24px;width:100%}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .checkbox,::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .checkmark{position:absolute;top:0;left:0}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin:0!important}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;color:#161b2f}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .value .within{display:flex;align-items:center;justify-content:flex-start;margin-top:4px}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .value .within .block{background:#f1f1f1;border-radius:.125rem;color:#042e7d;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 4px;margin-right:8px}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .value .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#747576;line-height:16px;padding-right:20px}::ng-deep .radio-list-body app-no-data .no-data-wrapper{height:calc(100% - 100px)!important}::ng-deep .radio-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .radio-list-footer{background:#fff}::ng-deep .radio-list-footer app-floating-bar .floating-bar{padding:0 16px 16px}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}.mt-2{margin-top:10px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: i4.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i5.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "component", type: i6.PaginationComponentUI, selector: "app-pagination", inputs: ["activeAlphabet", "pageCount", "start", "end", "total", "currentPage"], outputs: ["selectedPage", "selectedAlphabet"] }, { kind: "component", type: i7.LinkTreatmentLoaderComponent, selector: "app-listline-loader" }] }); }
95
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadioListWithPaginationComponent, selector: "app-radio-list-with-pagination", inputs: { setList: ["categoryList", "setList"], config: "config", currentPage: "currentPage", recordStart: "recordStart", recordEnd: "recordEnd", totalRecords: "totalRecords", totalPages: "totalPages", loading: "loading", setSelected: ["selectedList", "setSelected"] }, outputs: { fetchData: "fetchData", back: "back", next: "next", cancel: "cancel" }, ngImport: i0, template: "<div class=\"radio-list\" [class.animate]=\"animation\">\n <div\n class=\"radio-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n >\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">{{ config?.panelTitle }}</div>\n <!-- <button class=\"radio-list-close\">\n <i class=\"icons\" (click)=\"close()\">&#xe90d;</i>\n </button> -->\n </div>\n\n <div class=\"radio-list-body\">\n <div class=\"search-block vx-mb-2\" *ngIf=\"true\">\n <i class=\"icons\">&#xe90b;</i>\n <input\n (keydown.enter)=\"search()\"\n type=\"text\"\n [placeholder]=\"config?.searchPlaceholder\"\n [(ngModel)]=\"searchKey\"\n />\n </div>\n\n <app-pagination\n *ngIf=\"totalPages > 1\"\n [start]=\"recordStart\"\n [end]=\"recordEnd\"\n [total]=\"totalRecords\"\n [pageCount]=\"totalPages\"\n [currentPage]=\"currentPage\"\n (selectedPage)=\"pageChanged($event)\"\n ></app-pagination>\n\n <!-- it is visible when list data is available -->\n <ng-container *ngIf=\"!loading && list?.length\">\n <div class=\"categories vx-mb-4\" [class.mt-2]=\"totalPages === 0\">\n <app-cs-checkbox\n [ngValue]=\"checkSelectAll()\"\n (ngValueChange)=\"selectAll($event)\"\n >\n <span class=\"vx-fw-600 vx-label-txt\">{{\n checkSelectAll() ? \"Deselect All\" : \"Select All\"\n }}</span>\n </app-cs-checkbox>\n </div>\n <ul\n class=\"categories-list vx-mb-4\"\n [class.with-pagination]=\"totalPages > 1\"\n >\n <li *ngFor=\"let item of list; let i = index\">\n <!-- [ngValue]=\"selectedIds.includes(category[categoryIdKey])\" -->\n <app-cs-checkbox\n [ngValue]=\"selectedIds?.includes(item[config?.identifierKey])\"\n (ngValueChange)=\"itemSelected($event, item)\"\n [appTooltip]=\"item[config.displayKey]\"\n placement=\"bottom-left\"\n delay=\"0\"\n [tooltipMandatory]=\"true\"\n >\n <div class=\"name\">{{ item[config.displayKey] }}</div>\n <div\n class=\"within vx-d-flex vx-align-center vx-justify-start vx-mt-1\"\n >\n <div\n class=\"block vx-fs-9 vx-fw-500 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2\"\n *ngIf=\"item[config?.parentDisplayKey] != ''\"\n >\n WITHIN\n </div>\n <div\n class=\"data vx-fs-11 vx-paragraph-txt vx-lh-4 vx-pr-5\"\n [appTooltip]=\"'test > test'\"\n placement=\"bottom-left\"\n delay=\"0\"\n [tooltipMandatory]=\"false\"\n >\n {{ item[config?.parentDisplayKey] }}\n </div>\n </div>\n </app-cs-checkbox>\n </li>\n </ul>\n </ng-container>\n <!-- It is visible when the list items are getting loaded -->\n <app-listline-loader *ngIf=\"loading\"></app-listline-loader>\n <ng-container *ngIf=\"!loading && list?.length === 0\">\n <app-no-data\n [noDataImage]=\"ASSETS.search_data\"\n [noDataText]=\"\n config?.noDataText?.length > 0\n ? config?.noDataText\n : 'No data to display'\n \"\n ></app-no-data>\n </ng-container>\n\n <app-floating-bar\n [selectedData]=\"selectedList\"\n [displayElementKey]=\"config?.displayKey\"\n [singularText]=\"config?.entitySingular\"\n [pluralText]=\"\n config?.entityPlural ? config?.entityPlural : 'Users selected'\n \"\n (closeEvent)=\"save()\"\n (closeList)=\"close()\"\n (deleteEvent)=\"deleteItem($event)\"\n [isDisabled]=\"selectedList.length === 0 || list?.length === 0\"\n >\n </app-floating-bar>\n </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .radio-list{position:fixed;inset:0 500px 0 0}::ng-deep .radio-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .radio-list-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .radio-list-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .radio-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .radio-list-body .search-block{position:relative}::ng-deep .radio-list-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .radio-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .radio-list-body .search-block i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1;font-size:12px}::ng-deep .radio-list-body app-pagination .wk-pagination-sec-ds{padding:0!important}::ng-deep .radio-list-body .categories{height:1rem}::ng-deep .radio-list-body .categories app-cs-checkbox .checkbox-item{position:relative;padding-left:24px;width:100%}::ng-deep .radio-list-body .categories app-cs-checkbox .checkbox-item .checkbox,::ng-deep .radio-list-body .categories app-cs-checkbox .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .radio-list-body .categories app-cs-checkbox .checkbox-item .value{margin:0!important}::ng-deep .radio-list-body .categories app-cs-checkbox .checkbox-item .value span{color:#161b2f;font-weight:600;font-size:12px}::ng-deep .radio-list-body ul{padding:0;margin:0}::ng-deep .radio-list-body ul.categories-list{display:block;align-items:flex-start;flex-wrap:wrap;height:calc(100vh - 256px);overflow:auto;margin:16px 0 0}::ng-deep .radio-list-body ul.categories-list.with-pagination{height:calc(100vh - 284px)}::ng-deep .radio-list-body ul.categories-list li{padding:0 0 .5rem;list-style:none}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item{position:relative;padding-left:24px;width:100%}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .checkbox,::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .checkmark{position:absolute;top:0;left:0}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin:0!important}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;color:#161b2f}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .value .within{display:flex;align-items:center;justify-content:flex-start;margin-top:4px}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .value .within .block{background:#f1f1f1;border-radius:.125rem;color:#042e7d;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 4px;margin-right:8px}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .value .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#747576;line-height:16px;padding-right:20px}::ng-deep .radio-list-body app-no-data .no-data-wrapper{height:calc(100% - 100px)!important}::ng-deep .radio-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .radio-list-footer{background:#fff}::ng-deep .radio-list-footer app-floating-bar .floating-bar{padding:0 16px 16px}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}.mt-2{margin-top:10px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "isResponsibility", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: i4.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i5.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "component", type: i6.PaginationComponentUI, selector: "app-pagination", inputs: ["activeAlphabet", "pageCount", "start", "end", "total", "currentPage"], outputs: ["selectedPage", "selectedAlphabet"] }, { kind: "component", type: i7.LinkTreatmentLoaderComponent, selector: "app-listline-loader" }] }); }
96
96
  }
97
97
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioListWithPaginationComponent, decorators: [{
98
98
  type: Component,
package/esm2022/lib/sharedComponents/responsibility-centers-list/responsibility-centers-list.component.mjs CHANGED
@@ -101,7 +101,7 @@ export class ResponsibilityCentersListComponent {
101
101
  this.closeRcList.emit();
102
102
  }
103
103
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResponsibilityCentersListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
104
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResponsibilityCentersListComponent, selector: "app-responsibility-centers-list", inputs: { responsibilityCentersList: "responsibilityCentersList", selectedResponsibilityCenters: "selectedResponsibilityCenters", rcIdKey: "rcIdKey", radioSelection: "radioSelection", pluralText: "pluralText", singularText: "singularText", loaded: "loaded" }, outputs: { saveSelectedList: "saveSelectedList", closeRcList: "closeRcList" }, viewQueries: [{ propertyName: "listBlock", first: true, predicate: ["listBlock"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"add-risk-rc\" [class.animate]=\"animation\">\n <div\n class=\"add-risk-rc-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n >\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">\n Select Responsibility Center(s)\n </div>\n </div>\n <div class=\"add-risk-rc-body\">\n <div class=\"search-block\">\n <i class=\"icons\">&#xe90b;</i>\n <input\n type=\"text\"\n [(ngModel)]=\"search\"\n placeholder=\"Search Responsibility Center\"\n />\n </div>\n <app-loader-inline *ngIf=\"!loaded\"></app-loader-inline>\n\n <ng-container\n *ngIf=\"responsibilityCentersList | search : search as searchList\"\n >\n <div\n class=\"body-top\"\n *ngIf=\"\n !radioSelection &&\n searchList?.length > 0 &&\n search?.trim()?.length === 0\n \"\n >\n <app-cs-checkbox\n [ngValue]=\"checkSelectAll()\"\n (ngValueChange)=\"selectAll($event)\"\n ><strong>{{\n checkSelectAll() ? \"Deselect All\" : \"Select All\"\n }}</strong>\n </app-cs-checkbox>\n </div>\n\n <ul\n class=\"add-risk-rc-list\"\n [class.with-selectAll]=\"\n !radioSelection &&\n searchList?.length > 0 &&\n search?.trim()?.length === 0\n \"\n *ngIf=\"searchList?.length > 0\"\n >\n <ng-container *ngIf=\"!radioSelection\">\n <li *ngFor=\"let rc of searchList\" #ulElement>\n <app-cs-checkbox\n [ngValue]=\"selectedIds.includes(rc.item_id)\"\n (ngValueChange)=\"selectRc(rc.item_id, $event)\"\n >\n <ul class=\"add-risk-rc-name\" #listBlock>\n <!-- [style.max-width.px]=\"blockWidth / rc.rc_name\" -->\n <li\n *ngFor=\"let entity of rc.rc_name; let j = index\"\n [appTooltip]=\"entity\"\n placement=\"bottom\"\n type=\"black\"\n delay=\"0\"\n [tooltipMandatory]=\"true\"\n >\n <i class=\"icons\" *ngIf=\"j !== 0\">&#xe910;</i>{{ entity }}\n </li>\n </ul>\n </app-cs-checkbox>\n </li>\n </ng-container>\n <ng-container *ngIf=\"radioSelection\">\n <li *ngFor=\"let rc of searchList\" #ulElement>\n <app-cs-radio\n (checkedEvent)=\"selectRc(rc.item_id, $event)\"\n [checked]=\"selectedIds.includes(rc.item_id)\"\n >\n <ul class=\"add-risk-rc-name\">\n <li\n *ngFor=\"let entity of rc.rc_name; let j = index\"\n [appTooltip]=\"entity\"\n placement=\"bottom\"\n type=\"black\"\n delay=\"0\"\n [tooltipMandatory]=\"true\"\n >\n <i class=\"icons\" *ngIf=\"j !== 0\">&#xe910;</i>{{ entity }}\n </li>\n </ul>\n </app-cs-radio>\n </li>\n </ng-container>\n </ul>\n <app-no-data\n *ngIf=\"!searchList?.length && loaded\"\n [noDataImage]=\"ASSETS.search_data\"\n [noDataText]=\"'No data to display'\"\n ></app-no-data>\n </ng-container>\n\n <app-floating-bar\n *ngIf=\"loaded\"\n [selectedData]=\"selectedResponsibilityCenters\"\n [displayElementKey]=\"'item_name'\"\n [singularText]=\"singularText\"\n [pluralText]=\"pluralText\"\n (closeEvent)=\"save(selectedIds)\"\n (deleteEvent)=\"deleteEvent($event)\"\n (closeList)=\"close()\"\n [isDisabled]=\"\n selectedResponsibilityCenters?.length === 0 ||\n responsibilityCentersList?.length === 0\n \"\n ></app-floating-bar>\n </div>\n</div>\n\n<!-- <button (click)=\"save(selectedIds)\">Next</button> -->\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::-webkit-scrollbar-track{background-color:#fff;position:absolute}::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .add-risk-rc{position:fixed;inset:0 500px 0 0}::ng-deep .add-risk-rc:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .add-risk-rc-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .add-risk-rc-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .add-risk-rc-body .search-block{position:relative}::ng-deep .add-risk-rc-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .add-risk-rc-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .add-risk-rc-body .search-block i{position:absolute;left:1rem;font-size:12px;font-weight:400;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .add-risk-rc-body .body-top{display:flex;justify-content:space-between;padding:.5rem 0 0}::ng-deep .add-risk-rc-body .body-top app-cs-checkbox{display:flex}::ng-deep .add-risk-rc-body .body-top app-cs-checkbox label span.value strong{color:#161b2f;font-size:12px;font-weight:600;white-space:nowrap}::ng-deep .add-risk-rc-body ul{padding:0;margin:0}::ng-deep .add-risk-rc-body ul.add-risk-rc-list{display:block;align-items:flex-start;flex-wrap:wrap;height:calc(100vh - 14.5rem);overflow:auto;margin:1rem 0}::ng-deep .add-risk-rc-body ul.add-risk-rc-list.with-selectAll{height:calc(100vh - 16rem)}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li{width:100%;padding:0 0 1rem;list-style:none}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio{display:flex}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox label,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio label{width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox label span.value,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio label span.value{width:auto;justify-content:flex-start;line-height:18px!important}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name{display:flex;justify-content:flex-start;width:auto;max-width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li{list-style:none;color:#747576;font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:auto;padding:0 .5rem 0 0;max-width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li i,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li i{font-size:8px;padding-right:8px}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li:first-child,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li:first-child{color:#1e5dd3;max-width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li:last-of-type,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li:last-of-type{color:#34aa44}::ng-deep .add-risk-rc-body app-no-data .no-data-wrapper{height:calc(100vh - 200px)}::ng-deep .add-risk-rc.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .add-risk-rc .message-footer{background:#1e5dd3;border-radius:5px;margin:0 0 0 30px;width:calc(100% - 60px);position:relative;bottom:0}::ng-deep .add-risk-rc .message-footer .message{padding:15px;display:flex;align-items:flex-start}::ng-deep .add-risk-rc .message-footer .message i{width:auto;font-size:16px;color:#fff}::ng-deep .add-risk-rc .message-footer .message span{color:#fff;font-size:12px;line-height:18px;padding-left:9px;font-weight:300}::ng-deep .add-risk-rc .message-footer .footer{border-top:1px solid #1483ef;display:flex;justify-content:space-between;align-items:center;padding:10px 15px}::ng-deep .add-risk-rc .message-footer .footer span{color:#fff;font-size:14px}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper{display:flex}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper button{width:60px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;font-weight:500;border:1px solid #fff;text-transform:uppercase;border-radius:2px;outline:none;padding:0;margin:0}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper button.outline{background:#1e5dd3;color:#fff}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper button.fill{background:#fff;color:#1e5dd3}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: i4.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "component", type: i5.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "component", type: i6.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i7.LoaderInlineComponent, selector: "app-loader-inline" }, { kind: "pipe", type: i8.SearchPipe, name: "search" }] }); }
104
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResponsibilityCentersListComponent, selector: "app-responsibility-centers-list", inputs: { responsibilityCentersList: "responsibilityCentersList", selectedResponsibilityCenters: "selectedResponsibilityCenters", rcIdKey: "rcIdKey", radioSelection: "radioSelection", pluralText: "pluralText", singularText: "singularText", loaded: "loaded" }, outputs: { saveSelectedList: "saveSelectedList", closeRcList: "closeRcList" }, viewQueries: [{ propertyName: "listBlock", first: true, predicate: ["listBlock"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"add-risk-rc\" [class.animate]=\"animation\">\n <div\n class=\"add-risk-rc-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n >\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">\n Select Responsibility Center(s)\n </div>\n </div>\n <div class=\"add-risk-rc-body\">\n <div class=\"search-block\">\n <i class=\"icons\">&#xe90b;</i>\n <input\n type=\"text\"\n [(ngModel)]=\"search\"\n placeholder=\"Search Responsibility Center\"\n />\n </div>\n <app-loader-inline *ngIf=\"!loaded\"></app-loader-inline>\n\n <ng-container\n *ngIf=\"responsibilityCentersList | search : search as searchList\"\n >\n <div\n class=\"body-top\"\n *ngIf=\"\n !radioSelection &&\n searchList?.length > 0 &&\n search?.trim()?.length === 0\n \"\n >\n <app-cs-checkbox\n [ngValue]=\"checkSelectAll()\"\n (ngValueChange)=\"selectAll($event)\"\n ><strong>{{\n checkSelectAll() ? \"Deselect All\" : \"Select All\"\n }}</strong>\n </app-cs-checkbox>\n </div>\n\n <ul\n class=\"add-risk-rc-list\"\n [class.with-selectAll]=\"\n !radioSelection &&\n searchList?.length > 0 &&\n search?.trim()?.length === 0\n \"\n *ngIf=\"searchList?.length > 0\"\n >\n <ng-container *ngIf=\"!radioSelection\">\n <li *ngFor=\"let rc of searchList\" #ulElement>\n <app-cs-checkbox\n [ngValue]=\"selectedIds.includes(rc.item_id)\"\n (ngValueChange)=\"selectRc(rc.item_id, $event)\"\n >\n <ul class=\"add-risk-rc-name\" #listBlock>\n <!-- [style.max-width.px]=\"blockWidth / rc.rc_name\" -->\n <li\n *ngFor=\"let entity of rc.rc_name; let j = index\"\n [appTooltip]=\"entity\"\n placement=\"bottom\"\n type=\"black\"\n delay=\"0\"\n [tooltipMandatory]=\"true\"\n >\n <i class=\"icons\" *ngIf=\"j !== 0\">&#xe910;</i>{{ entity }}\n </li>\n </ul>\n </app-cs-checkbox>\n </li>\n </ng-container>\n <ng-container *ngIf=\"radioSelection\">\n <li *ngFor=\"let rc of searchList\" #ulElement>\n <app-cs-radio\n (checkedEvent)=\"selectRc(rc.item_id, $event)\"\n [checked]=\"selectedIds.includes(rc.item_id)\"\n >\n <ul class=\"add-risk-rc-name\">\n <li\n *ngFor=\"let entity of rc.rc_name; let j = index\"\n [appTooltip]=\"entity\"\n placement=\"bottom\"\n type=\"black\"\n delay=\"0\"\n [tooltipMandatory]=\"true\"\n >\n <i class=\"icons\" *ngIf=\"j !== 0\">&#xe910;</i>{{ entity }}\n </li>\n </ul>\n </app-cs-radio>\n </li>\n </ng-container>\n </ul>\n <app-no-data\n *ngIf=\"!searchList?.length && loaded\"\n [noDataImage]=\"ASSETS.search_data\"\n [noDataText]=\"'No data to display'\"\n ></app-no-data>\n </ng-container>\n\n <app-floating-bar\n *ngIf=\"loaded\"\n [selectedData]=\"selectedResponsibilityCenters\"\n [displayElementKey]=\"'item_name'\"\n [singularText]=\"singularText\"\n [pluralText]=\"pluralText\"\n (closeEvent)=\"save(selectedIds)\"\n (deleteEvent)=\"deleteEvent($event)\"\n (closeList)=\"close()\"\n [isDisabled]=\"\n selectedResponsibilityCenters?.length === 0 ||\n responsibilityCentersList?.length === 0\n \"\n ></app-floating-bar>\n </div>\n</div>\n\n<!-- <button (click)=\"save(selectedIds)\">Next</button> -->\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::-webkit-scrollbar-track{background-color:#fff;position:absolute}::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .add-risk-rc{position:fixed;inset:0 500px 0 0}::ng-deep .add-risk-rc:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .add-risk-rc-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .add-risk-rc-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .add-risk-rc-body .search-block{position:relative}::ng-deep .add-risk-rc-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .add-risk-rc-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .add-risk-rc-body .search-block i{position:absolute;left:1rem;font-size:12px;font-weight:400;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .add-risk-rc-body .body-top{display:flex;justify-content:space-between;padding:.5rem 0 0}::ng-deep .add-risk-rc-body .body-top app-cs-checkbox{display:flex}::ng-deep .add-risk-rc-body .body-top app-cs-checkbox label span.value strong{color:#161b2f;font-size:12px;font-weight:600;white-space:nowrap}::ng-deep .add-risk-rc-body ul{padding:0;margin:0}::ng-deep .add-risk-rc-body ul.add-risk-rc-list{display:block;align-items:flex-start;flex-wrap:wrap;height:calc(100vh - 14.5rem);overflow:auto;margin:1rem 0}::ng-deep .add-risk-rc-body ul.add-risk-rc-list.with-selectAll{height:calc(100vh - 16rem)}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li{width:100%;padding:0 0 1rem;list-style:none}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio{display:flex}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox label,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio label{width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox label span.value,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio label span.value{width:auto;justify-content:flex-start;line-height:18px!important}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name{display:flex;justify-content:flex-start;width:auto;max-width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li{list-style:none;color:#747576;font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:auto;padding:0 .5rem 0 0;max-width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li i,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li i{font-size:8px;padding-right:8px}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li:first-child,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li:first-child{color:#1e5dd3;max-width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li:last-of-type,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li:last-of-type{color:#34aa44}::ng-deep .add-risk-rc-body app-no-data .no-data-wrapper{height:calc(100vh - 200px)}::ng-deep .add-risk-rc.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .add-risk-rc .message-footer{background:#1e5dd3;border-radius:5px;margin:0 0 0 30px;width:calc(100% - 60px);position:relative;bottom:0}::ng-deep .add-risk-rc .message-footer .message{padding:15px;display:flex;align-items:flex-start}::ng-deep .add-risk-rc .message-footer .message i{width:auto;font-size:16px;color:#fff}::ng-deep .add-risk-rc .message-footer .message span{color:#fff;font-size:12px;line-height:18px;padding-left:9px;font-weight:300}::ng-deep .add-risk-rc .message-footer .footer{border-top:1px solid #1483ef;display:flex;justify-content:space-between;align-items:center;padding:10px 15px}::ng-deep .add-risk-rc .message-footer .footer span{color:#fff;font-size:14px}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper{display:flex}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper button{width:60px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;font-weight:500;border:1px solid #fff;text-transform:uppercase;border-radius:2px;outline:none;padding:0;margin:0}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper button.outline{background:#1e5dd3;color:#fff}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper button.fill{background:#fff;color:#1e5dd3}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "isResponsibility", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: i4.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "component", type: i5.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "component", type: i6.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i7.LoaderInlineComponent, selector: "app-loader-inline" }, { kind: "pipe", type: i8.SearchPipe, name: "search" }] }); }
105
105
  }
106
106
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResponsibilityCentersListComponent, decorators: [{
107
107
  type: Component,
package/esm2022/lib/sharedComponents/responsibility-risk-selector/responsibility-risk-selector.component.mjs CHANGED
@@ -60,7 +60,7 @@ export class ResponsibilityRiskSelectorComponent {
60
60
  return array.map((a) => a[identifierKey]);
61
61
  }
62
62
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResponsibilityRiskSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
63
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResponsibilityRiskSelectorComponent, selector: "app-responsibility-risk-selector", inputs: { activeEntity: "activeEntity", listItems: "listItems", selectedItems: "selectedItems", loading: "loading" }, outputs: { fetchList: "fetchList", closeList: "closeList", saveList: "saveList" }, ngImport: i0, template: "<div class=\"risk-radio-list\" [class.animate]=\"animation\">\n <div class=\"risk-radio-list-head\">\n <h3 class=\"risk-radio-list-title\">\n Define Sample Size for Selected Audit Objects\n </h3>\n <!-- <button class=\"radio-list-close\">\n <i class=\"icons\" (click)=\"close()\">&#xe90d;</i>\n </button> -->\n </div>\n\n <div class=\"risk-radio-list-body\">\n <div class=\"tab-button\">\n <button\n [class.active]=\"activeTab === 'RESPONSIBILITY'\"\n (click)=\"changeTab('RESPONSIBILITY')\"\n >\n RESPONSIBILITIES\n </button>\n <button [class.active]=\"activeTab === 'RISK'\" (click)=\"changeTab('RISK')\">\n RISKS\n </button>\n </div>\n <ng-container *ngIf=\"!loading\">\n <ul class=\"categories\">\n <li *ngFor=\"let item of listItems | arrayFilter : activeTab\">\n <app-cs-radio\n [checked]=\"selectedItems.includes(item[identifierKey])\"\n (checkedEvent)=\"selectItem(item[identifierKey])\"\n ><span class=\"cid\" *ngIf=\"item[controlIdKey]\">{{\n item[controlIdKey]\n }}</span\n >{{ \"\" + item[itemDisplayKey] }}</app-cs-radio\n >\n </li>\n </ul>\n </ng-container>\n <app-list-loader *ngIf=\"loading\"></app-list-loader>\n <app-no-data\n *ngIf=\"listItems?.length === 0 && !loading\"\n [noDataImage]=\"ASSETS.search_data\"\n [noDataText]=\"'No Categories Found'\"\n ></app-no-data>\n </div>\n <!-- [singularText]=\"config?.floatingTextSingular\"\n [pluralText]=\"config?.floatingTextPlural ?config?.floatingTextPlural:'Users selected'\" -->\n <!-- [selectedData]=\"selectedItems|listMapper:listItems:identifierKey\" -->\n <div class=\"risk-radio-list-footer\">\n <app-floating-bar\n [displayElementKey]=\"itemDisplayKey\"\n [selectedData]=\"selectedItems | listMapper : listItems : identifierKey\"\n (closeEvent)=\"save()\"\n (closeList)=\"close()\"\n (deleteEvent)=\"deleteItem($event)\"\n [isDisabled]=\"selectedItems.length === 0 || listItems.length === 0\"\n >\n </app-floating-bar>\n </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::-webkit-scrollbar-track{background-color:#fff;position:absolute}::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .risk-radio-list{background:#fff;position:fixed;inset:0 500px 0 0;border-top:3px solid #1E5DD3}::ng-deep .risk-radio-list-head{background:#fbfbfb;height:42px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f1f1f1;border-right:none}::ng-deep .risk-radio-list-title{color:#161b2f;font-size:15px;font-weight:500;margin:0!important;padding:0;line-height:21px}::ng-deep .risk-radio-list-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .risk-radio-list-body{padding:24px 40px 24px 36px;background:#fff;height:calc(100vh - 124px)}::ng-deep .risk-radio-list-body .filter-card{display:flex;align-items:center;border:1px solid #dbdbdb;border-radius:4px;height:55px;padding:12px 15px;width:100%;justify-content:space-between;cursor:pointer}::ng-deep .risk-radio-list-body .filter-card.active{box-shadow:0 3px 6px #1e5dd31a}::ng-deep .risk-radio-list-body .filter-card label{font-weight:600;text-transform:uppercase;color:#747576;line-height:16px;margin-left:0;font-size:11px;width:100%;pointer-events:none}::ng-deep .risk-radio-list-body .filter-card p{line-height:16px;font-size:10px;color:#161b2f;font-weight:600;margin:0}::ng-deep .risk-radio-list-body .filter-card span.counter{display:flex;height:32px;min-width:32px;border-radius:4px;background:#042e7d;color:#fff;font-size:11px;font-weight:600;justify-content:center;align-items:center;padding:0 5px;line-height:32px}::ng-deep .risk-radio-list-body .filter-card .left{display:flex;flex-wrap:wrap}::ng-deep .risk-radio-list-body .filter-card+.filter-card{margin-left:10px}::ng-deep .risk-radio-list-body .filter-card-row{display:flex;padding-bottom:15px}::ng-deep .risk-radio-list-body .search-block{position:relative}::ng-deep .risk-radio-list-body .search-block input{height:44px;line-height:24px;padding:10px 16px 10px 40px;outline:none;border:1px solid #7475763f;border-radius:4px;width:100%;font-size:14px;color:#747576}::ng-deep .risk-radio-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .risk-radio-list-body .search-block i{position:absolute;left:17px;font-size:12px;font-weight:400;top:17px;pointer-events:none;color:#f1f1f1}::ng-deep .risk-radio-list-body .tab-button{display:flex;align-items:center;border-bottom:1px solid #f1f1f1}::ng-deep .risk-radio-list-body .tab-button button{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;color:#161b2f;font-size:11px;font-weight:600;text-transform:uppercase;padding:0;margin-right:28px}::ng-deep .risk-radio-list-body .tab-button button.active{border-bottom:2px solid #1E5DD3;color:#1e5dd3}::ng-deep .risk-radio-list-body .body-top{display:flex;justify-content:space-between;padding:0 0 16px}::ng-deep .risk-radio-list-body .body-top app-cs-checkbox,::ng-deep .risk-radio-list-body .body-top app-cs-radio{display:flex}::ng-deep .risk-radio-list-body .body-top app-cs-checkbox label span.value strong,::ng-deep .risk-radio-list-body .body-top app-cs-radio label span.value strong{color:#161b2f;font-size:14px;font-weight:600;white-space:nowrap}::ng-deep .risk-radio-list-body ul{padding:0;margin:0}::ng-deep .risk-radio-list-body ul.categories{display:block;align-items:flex-start;flex-wrap:wrap;max-height:calc(100vh - 200px);overflow:auto;padding:12px 0 0;scrollbar-width:thin}::ng-deep .risk-radio-list-body ul.categories li{padding:12px 0;list-style:none;border-bottom:1px solid #F1F1F1}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio{display:flex}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item{width:100%}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value{width:100%;color:#1e5dd3;font-size:12px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value .cid{font-size:10px}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name{display:flex;justify-content:flex-start;width:auto}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li{list-style:none;color:#747576;font-size:14px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:auto;padding:0 8px 0 0}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li i{font-size:8px;padding-left:8px}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li:first-child{color:#4681ef;max-width:100%}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li:last-of-type{color:#66bf72}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li:last-of-type i{display:none}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul{padding:0;margin:0}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list{display:flex;max-width:100%}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li{display:block;padding:0 8px;position:relative;max-width:50%;width:auto}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:after{content:\">\";position:absolute;top:0;right:-3px;color:#747576;font-size:13px}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#747576}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:last-of-type:after{display:none}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:last-of-type span{color:#34aa44}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:first-of-type{padding-left:0}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:first-of-type span{color:#1e5dd3}::ng-deep .risk-radio-list-body ul.categories.two-column{display:flex;flex-wrap:wrap}::ng-deep .risk-radio-list-body ul.categories.two-column li{width:50%;padding-right:20px}::ng-deep .risk-radio-list-body app-no-data .no-data-wrapper{height:calc(100% - 42px)!important}::ng-deep .risk-radio-list-body.no-footer{height:calc(100vh - 42px)}::ng-deep .risk-radio-list-body .card-row{display:flex;justify-content:space-between;margin-bottom:12px}::ng-deep .risk-radio-list-body .card-row .card-block{width:100%;display:flex;padding:8px 12px;border-radius:2px;box-shadow:0 0 3px #1e5dd345;min-height:48px;position:relative;cursor:pointer;justify-content:space-between;align-items:center}::ng-deep .risk-radio-list-body .card-row .card-block+.card-block{margin-left:4px}::ng-deep .risk-radio-list-body .card-row .card-block.active{box-shadow:0 0 10px #1e5dd2e6;z-index:1}::ng-deep .risk-radio-list-body .card-row .card-block .card-text{padding:0;margin:0;font-weight:500;font-size:11px;text-transform:uppercase;line-height:16px;width:auto;white-space:nowrap}::ng-deep .risk-radio-list-body .card-row .card-block span.count{font-size:14px;line-height:24px;background:#042e7d;padding:0 8px;border-radius:2px;min-width:28px;color:#fff}::ng-deep .risk-radio-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "component", type: i3.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i4.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: i5.ListLoaderComponent, selector: "app-list-loader" }, { kind: "pipe", type: i6.ListMapperPipe, name: "listMapper" }, { kind: "pipe", type: i7.ArrayFilterPipe, name: "arrayFilter" }] }); }
63
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResponsibilityRiskSelectorComponent, selector: "app-responsibility-risk-selector", inputs: { activeEntity: "activeEntity", listItems: "listItems", selectedItems: "selectedItems", loading: "loading" }, outputs: { fetchList: "fetchList", closeList: "closeList", saveList: "saveList" }, ngImport: i0, template: "<div class=\"risk-radio-list\" [class.animate]=\"animation\">\n <div class=\"risk-radio-list-head\">\n <h3 class=\"risk-radio-list-title\">\n Define Sample Size for Selected Audit Objects\n </h3>\n <!-- <button class=\"radio-list-close\">\n <i class=\"icons\" (click)=\"close()\">&#xe90d;</i>\n </button> -->\n </div>\n\n <div class=\"risk-radio-list-body\">\n <div class=\"tab-button\">\n <button\n [class.active]=\"activeTab === 'RESPONSIBILITY'\"\n (click)=\"changeTab('RESPONSIBILITY')\"\n >\n RESPONSIBILITIES\n </button>\n <button [class.active]=\"activeTab === 'RISK'\" (click)=\"changeTab('RISK')\">\n RISKS\n </button>\n </div>\n <ng-container *ngIf=\"!loading\">\n <ul class=\"categories\">\n <li *ngFor=\"let item of listItems | arrayFilter : activeTab\">\n <app-cs-radio\n [checked]=\"selectedItems.includes(item[identifierKey])\"\n (checkedEvent)=\"selectItem(item[identifierKey])\"\n ><span class=\"cid\" *ngIf=\"item[controlIdKey]\">{{\n item[controlIdKey]\n }}</span\n >{{ \"\" + item[itemDisplayKey] }}</app-cs-radio\n >\n </li>\n </ul>\n </ng-container>\n <app-list-loader *ngIf=\"loading\"></app-list-loader>\n <app-no-data\n *ngIf=\"listItems?.length === 0 && !loading\"\n [noDataImage]=\"ASSETS.search_data\"\n [noDataText]=\"'No Categories Found'\"\n ></app-no-data>\n </div>\n <!-- [singularText]=\"config?.floatingTextSingular\"\n [pluralText]=\"config?.floatingTextPlural ?config?.floatingTextPlural:'Users selected'\" -->\n <!-- [selectedData]=\"selectedItems|listMapper:listItems:identifierKey\" -->\n <div class=\"risk-radio-list-footer\">\n <app-floating-bar\n [displayElementKey]=\"itemDisplayKey\"\n [selectedData]=\"selectedItems | listMapper : listItems : identifierKey\"\n (closeEvent)=\"save()\"\n (closeList)=\"close()\"\n (deleteEvent)=\"deleteItem($event)\"\n [isDisabled]=\"selectedItems.length === 0 || listItems.length === 0\"\n >\n </app-floating-bar>\n </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::-webkit-scrollbar-track{background-color:#fff;position:absolute}::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .risk-radio-list{background:#fff;position:fixed;inset:0 500px 0 0;border-top:3px solid #1E5DD3}::ng-deep .risk-radio-list-head{background:#fbfbfb;height:42px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f1f1f1;border-right:none}::ng-deep .risk-radio-list-title{color:#161b2f;font-size:15px;font-weight:500;margin:0!important;padding:0;line-height:21px}::ng-deep .risk-radio-list-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .risk-radio-list-body{padding:24px 40px 24px 36px;background:#fff;height:calc(100vh - 124px)}::ng-deep .risk-radio-list-body .filter-card{display:flex;align-items:center;border:1px solid #dbdbdb;border-radius:4px;height:55px;padding:12px 15px;width:100%;justify-content:space-between;cursor:pointer}::ng-deep .risk-radio-list-body .filter-card.active{box-shadow:0 3px 6px #1e5dd31a}::ng-deep .risk-radio-list-body .filter-card label{font-weight:600;text-transform:uppercase;color:#747576;line-height:16px;margin-left:0;font-size:11px;width:100%;pointer-events:none}::ng-deep .risk-radio-list-body .filter-card p{line-height:16px;font-size:10px;color:#161b2f;font-weight:600;margin:0}::ng-deep .risk-radio-list-body .filter-card span.counter{display:flex;height:32px;min-width:32px;border-radius:4px;background:#042e7d;color:#fff;font-size:11px;font-weight:600;justify-content:center;align-items:center;padding:0 5px;line-height:32px}::ng-deep .risk-radio-list-body .filter-card .left{display:flex;flex-wrap:wrap}::ng-deep .risk-radio-list-body .filter-card+.filter-card{margin-left:10px}::ng-deep .risk-radio-list-body .filter-card-row{display:flex;padding-bottom:15px}::ng-deep .risk-radio-list-body .search-block{position:relative}::ng-deep .risk-radio-list-body .search-block input{height:44px;line-height:24px;padding:10px 16px 10px 40px;outline:none;border:1px solid #7475763f;border-radius:4px;width:100%;font-size:14px;color:#747576}::ng-deep .risk-radio-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .risk-radio-list-body .search-block i{position:absolute;left:17px;font-size:12px;font-weight:400;top:17px;pointer-events:none;color:#f1f1f1}::ng-deep .risk-radio-list-body .tab-button{display:flex;align-items:center;border-bottom:1px solid #f1f1f1}::ng-deep .risk-radio-list-body .tab-button button{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;color:#161b2f;font-size:11px;font-weight:600;text-transform:uppercase;padding:0;margin-right:28px}::ng-deep .risk-radio-list-body .tab-button button.active{border-bottom:2px solid #1E5DD3;color:#1e5dd3}::ng-deep .risk-radio-list-body .body-top{display:flex;justify-content:space-between;padding:0 0 16px}::ng-deep .risk-radio-list-body .body-top app-cs-checkbox,::ng-deep .risk-radio-list-body .body-top app-cs-radio{display:flex}::ng-deep .risk-radio-list-body .body-top app-cs-checkbox label span.value strong,::ng-deep .risk-radio-list-body .body-top app-cs-radio label span.value strong{color:#161b2f;font-size:14px;font-weight:600;white-space:nowrap}::ng-deep .risk-radio-list-body ul{padding:0;margin:0}::ng-deep .risk-radio-list-body ul.categories{display:block;align-items:flex-start;flex-wrap:wrap;max-height:calc(100vh - 200px);overflow:auto;padding:12px 0 0;scrollbar-width:thin}::ng-deep .risk-radio-list-body ul.categories li{padding:12px 0;list-style:none;border-bottom:1px solid #F1F1F1}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio{display:flex}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item{width:100%}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value{width:100%;color:#1e5dd3;font-size:12px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value .cid{font-size:10px}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name{display:flex;justify-content:flex-start;width:auto}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li{list-style:none;color:#747576;font-size:14px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:auto;padding:0 8px 0 0}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li i{font-size:8px;padding-left:8px}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li:first-child{color:#4681ef;max-width:100%}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li:last-of-type{color:#66bf72}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li:last-of-type i{display:none}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul{padding:0;margin:0}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list{display:flex;max-width:100%}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li{display:block;padding:0 8px;position:relative;max-width:50%;width:auto}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:after{content:\">\";position:absolute;top:0;right:-3px;color:#747576;font-size:13px}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#747576}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:last-of-type:after{display:none}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:last-of-type span{color:#34aa44}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:first-of-type{padding-left:0}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:first-of-type span{color:#1e5dd3}::ng-deep .risk-radio-list-body ul.categories.two-column{display:flex;flex-wrap:wrap}::ng-deep .risk-radio-list-body ul.categories.two-column li{width:50%;padding-right:20px}::ng-deep .risk-radio-list-body app-no-data .no-data-wrapper{height:calc(100% - 42px)!important}::ng-deep .risk-radio-list-body.no-footer{height:calc(100vh - 42px)}::ng-deep .risk-radio-list-body .card-row{display:flex;justify-content:space-between;margin-bottom:12px}::ng-deep .risk-radio-list-body .card-row .card-block{width:100%;display:flex;padding:8px 12px;border-radius:2px;box-shadow:0 0 3px #1e5dd345;min-height:48px;position:relative;cursor:pointer;justify-content:space-between;align-items:center}::ng-deep .risk-radio-list-body .card-row .card-block+.card-block{margin-left:4px}::ng-deep .risk-radio-list-body .card-row .card-block.active{box-shadow:0 0 10px #1e5dd2e6;z-index:1}::ng-deep .risk-radio-list-body .card-row .card-block .card-text{padding:0;margin:0;font-weight:500;font-size:11px;text-transform:uppercase;line-height:16px;width:auto;white-space:nowrap}::ng-deep .risk-radio-list-body .card-row .card-block span.count{font-size:14px;line-height:24px;background:#042e7d;padding:0 8px;border-radius:2px;min-width:28px;color:#fff}::ng-deep .risk-radio-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "component", type: i3.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i4.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "isResponsibility", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: i5.ListLoaderComponent, selector: "app-list-loader" }, { kind: "pipe", type: i6.ListMapperPipe, name: "listMapper" }, { kind: "pipe", type: i7.ArrayFilterPipe, name: "arrayFilter" }] }); }
64
64
  }
65
65
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResponsibilityRiskSelectorComponent, decorators: [{
66
66
  type: Component,