vcomply-workflow-engine 2.1.91 → 2.1.95
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/vcomply-workflow-engine.umd.js +40 -12
- package/bundles/vcomply-workflow-engine.umd.js.map +1 -1
- package/esm2015/lib/sharedComponents/program-listing/program-listing.component.js +19 -4
- package/esm2015/lib/sharedComponents/program-listing/program-listing.component.ngfactory.js +26 -19
- package/esm2015/lib/sharedComponents/program-listing/program-listing.component.ngsummary.json +1 -1
- package/esm2015/lib/workflow-compliance/workflow-compliance.component.js +24 -10
- package/esm2015/lib/workflow-engine.module.ngfactory.js +1 -1
- package/fesm2015/vcomply-workflow-engine.js +41 -13
- package/fesm2015/vcomply-workflow-engine.js.map +1 -1
- package/lib/sharedComponents/program-listing/program-listing.component.d.ts +2 -1
- package/lib/workflow-compliance/workflow-compliance.component.d.ts +2 -0
- package/package.json +1 -1
- package/vcomply-workflow-engine.metadata.json +1 -1
|
@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { Injectable, Optional, EventEmitter, Component, HostListener, Input, Output, ViewChild, Pipe, NgModule, Directive, ElementRef, Renderer2, ChangeDetectorRef, forwardRef, HostBinding, ViewContainerRef, ComponentFactoryResolver, ApplicationRef, Injector, ViewChildren } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common/http';
|
|
4
4
|
import { HttpHeaders, HttpClient, HttpParams, HttpClientModule } from '@angular/common/http';
|
|
5
|
-
import { Subject, BehaviorSubject, retry as retry$1, distinctUntilChanged, take } from 'rxjs';
|
|
5
|
+
import { Subject, BehaviorSubject, takeUntil, retry as retry$1, distinctUntilChanged, take } from 'rxjs';
|
|
6
6
|
import { JwtHelperService } from '@auth0/angular-jwt';
|
|
7
7
|
import { retry, map } from 'rxjs/operators';
|
|
8
8
|
import { cloneDeep, uniqBy, shuffle, some, isEqual } from 'lodash';
|
|
@@ -2460,6 +2460,7 @@ class WorkflowComplianceComponent {
|
|
|
2460
2460
|
this.checkpointCount = 0;
|
|
2461
2461
|
this.onRemovingCheckpoint = new EventEmitter();
|
|
2462
2462
|
this.isAssessmentDisabled = new EventEmitter();
|
|
2463
|
+
this.unSubscribeProgram = new Subject();
|
|
2463
2464
|
this.authService.getUserInfo().subscribe((res) => {
|
|
2464
2465
|
const complianceSubmodule = res.roleActions[res.roleActions.findIndex((ele) => ele.moduleName == 'compliance')].subModule;
|
|
2465
2466
|
const permissions = complianceSubmodule[complianceSubmodule.findIndex((ele) => ele.subModuleName == 'Programs')].permissions;
|
|
@@ -2640,6 +2641,10 @@ class WorkflowComplianceComponent {
|
|
|
2640
2641
|
this.responsibilityForm.reviewers.list = [];
|
|
2641
2642
|
this.responsibilityForm.overseers.list = [];
|
|
2642
2643
|
this.responsibilityForm.overseers.notifyList = [];
|
|
2644
|
+
this.responsibilityForm.assessment = { assessment_id: "", category_id: "" };
|
|
2645
|
+
this.groupsList = [];
|
|
2646
|
+
this.unSubscribeProgram.next();
|
|
2647
|
+
this.unSubscribeProgram.complete();
|
|
2643
2648
|
if (program_id) {
|
|
2644
2649
|
this.getPeopleListAgainstPID(program_id);
|
|
2645
2650
|
this.getRCList(program_id);
|
|
@@ -2648,6 +2653,7 @@ class WorkflowComplianceComponent {
|
|
|
2648
2653
|
else {
|
|
2649
2654
|
this.getAssigneesList();
|
|
2650
2655
|
this.getRCList();
|
|
2656
|
+
this.getGroupsList();
|
|
2651
2657
|
}
|
|
2652
2658
|
}
|
|
2653
2659
|
getAssignorsList() {
|
|
@@ -2704,7 +2710,7 @@ class WorkflowComplianceComponent {
|
|
|
2704
2710
|
if (program_id) {
|
|
2705
2711
|
params = params.append('program_ids', program_id);
|
|
2706
2712
|
}
|
|
2707
|
-
this.responsibilityService.getOrganizationGroups(params).subscribe((res) => {
|
|
2713
|
+
this.responsibilityService.getOrganizationGroups(params).pipe(takeUntil(this.unSubscribeProgram)).subscribe((res) => {
|
|
2708
2714
|
const data = res;
|
|
2709
2715
|
const groups = [];
|
|
2710
2716
|
data === null || data === void 0 ? void 0 : data.forEach((element) => {
|
|
@@ -2911,7 +2917,7 @@ class WorkflowComplianceComponent {
|
|
|
2911
2917
|
}
|
|
2912
2918
|
}
|
|
2913
2919
|
saveSelectedList(type, selectedItems) {
|
|
2914
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
2920
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
2915
2921
|
switch (type) {
|
|
2916
2922
|
case 'assignors':
|
|
2917
2923
|
if (this.invalidType === 'whom') {
|
|
@@ -2925,6 +2931,7 @@ class WorkflowComplianceComponent {
|
|
|
2925
2931
|
this.invalidType = '';
|
|
2926
2932
|
}
|
|
2927
2933
|
if (this.assigneeRadioSelect) {
|
|
2934
|
+
debugger;
|
|
2928
2935
|
this.responsibilityForm.assignees.list = this.setList(this.assigneesList, [selectedItems.employee_id], 'employee_id');
|
|
2929
2936
|
if (this.responsibilityForm.program.length == 0) {
|
|
2930
2937
|
this.refreshAllLists();
|
|
@@ -2960,11 +2967,11 @@ class WorkflowComplianceComponent {
|
|
|
2960
2967
|
});
|
|
2961
2968
|
break;
|
|
2962
2969
|
case 'program':
|
|
2963
|
-
this.responsibilityForm.category = selectedItems.categories;
|
|
2970
|
+
this.responsibilityForm.category = (selectedItems.categories) ? [selectedItems.categories] : [];
|
|
2964
2971
|
this.responsibilityForm.program = [];
|
|
2965
2972
|
this.responsibilityForm.category_id = '';
|
|
2966
2973
|
this.responsibilityForm.program_selected_ids = [];
|
|
2967
|
-
this.responsibilityForm.program
|
|
2974
|
+
this.responsibilityForm.program = (selectedItems.program) ? [selectedItems.program] : [];
|
|
2968
2975
|
let categoryId = (_a = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.categories) === null || _a === void 0 ? void 0 : _a.toString();
|
|
2969
2976
|
if ((_b = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.categories) === null || _b === void 0 ? void 0 : _b.length) {
|
|
2970
2977
|
this.responsibilityForm.category_id = ((_c = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.program) === null || _c === void 0 ? void 0 : _c.category_id) + ',' + categoryId;
|
|
@@ -2976,7 +2983,12 @@ class WorkflowComplianceComponent {
|
|
|
2976
2983
|
if (((_f = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.categories) === null || _f === void 0 ? void 0 : _f.length) == 0) {
|
|
2977
2984
|
this.responsibilityForm.program_selected_ids.push((_g = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.program) === null || _g === void 0 ? void 0 : _g.category_id);
|
|
2978
2985
|
}
|
|
2979
|
-
|
|
2986
|
+
if ((_h = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.program) === null || _h === void 0 ? void 0 : _h._id) {
|
|
2987
|
+
this.filterListsAccordingToProgram(selectedItems.program._id);
|
|
2988
|
+
}
|
|
2989
|
+
else {
|
|
2990
|
+
this.filterListsAccordingToProgram();
|
|
2991
|
+
}
|
|
2980
2992
|
break;
|
|
2981
2993
|
case 'reviewer':
|
|
2982
2994
|
this.responsibilityForm.reviewers.list = this.setList(this.reviewersList, selectedItems, 'employee_id');
|
|
@@ -3018,10 +3030,10 @@ class WorkflowComplianceComponent {
|
|
|
3018
3030
|
this.responsibilityForm.riskMatrix = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.riskMatrix;
|
|
3019
3031
|
break;
|
|
3020
3032
|
case 'formate_evidence':
|
|
3021
|
-
this.responsibilityForm.formatAndEvidence.formatRequired = (
|
|
3022
|
-
this.responsibilityForm.formatAndEvidence.formatFiles = (
|
|
3023
|
-
this.responsibilityForm.formatAndEvidence.formatLinks = (
|
|
3024
|
-
this.responsibilityForm.formatAndEvidence.evidenceRequired = (
|
|
3033
|
+
this.responsibilityForm.formatAndEvidence.formatRequired = (_j = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.isFormateUploaded) !== null && _j !== void 0 ? _j : false;
|
|
3034
|
+
this.responsibilityForm.formatAndEvidence.formatFiles = (_k = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.files) !== null && _k !== void 0 ? _k : [];
|
|
3035
|
+
this.responsibilityForm.formatAndEvidence.formatLinks = (_l = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.links) !== null && _l !== void 0 ? _l : [];
|
|
3036
|
+
this.responsibilityForm.formatAndEvidence.evidenceRequired = (_m = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.isEvidenceRequired) !== null && _m !== void 0 ? _m : false;
|
|
3025
3037
|
break;
|
|
3026
3038
|
case 'reviewFrequency':
|
|
3027
3039
|
this.responsibilityForm.reviewers.reviewFrequency = {
|
|
@@ -4030,6 +4042,7 @@ class WorkflowComplianceComponent {
|
|
|
4030
4042
|
// TODO: select Assessment list and set id to payload
|
|
4031
4043
|
onAssessmentSelect(event) {
|
|
4032
4044
|
this.isAssessment = false;
|
|
4045
|
+
debugger;
|
|
4033
4046
|
this.responsibilityForm.assessment = event;
|
|
4034
4047
|
}
|
|
4035
4048
|
// TODO: Populate assessment data from already selected data
|
|
@@ -22237,7 +22250,7 @@ class ProgramListingComponent {
|
|
|
22237
22250
|
currentPage: 1
|
|
22238
22251
|
};
|
|
22239
22252
|
this.showCategories = false;
|
|
22240
|
-
this.
|
|
22253
|
+
this.searchString = '';
|
|
22241
22254
|
this.activeTab = 'regulations';
|
|
22242
22255
|
this.selectedIds = [];
|
|
22243
22256
|
this.categoryList = [];
|
|
@@ -22256,6 +22269,12 @@ class ProgramListingComponent {
|
|
|
22256
22269
|
clickSubList() {
|
|
22257
22270
|
this.subList = !this.subList;
|
|
22258
22271
|
}
|
|
22272
|
+
handleSearch(event) {
|
|
22273
|
+
if (this.searchString != event) {
|
|
22274
|
+
this.searchString = event;
|
|
22275
|
+
this.getProgramsList({ search: true });
|
|
22276
|
+
}
|
|
22277
|
+
}
|
|
22259
22278
|
selectProgram(event, program) {
|
|
22260
22279
|
var _a;
|
|
22261
22280
|
if (event.target.checked) {
|
|
@@ -22271,7 +22290,12 @@ class ProgramListingComponent {
|
|
|
22271
22290
|
getProgramsList(paramsObject) {
|
|
22272
22291
|
this.loader = true;
|
|
22273
22292
|
let params = new HttpParams();
|
|
22274
|
-
|
|
22293
|
+
if (paramsObject === null || paramsObject === void 0 ? void 0 : paramsObject.search) {
|
|
22294
|
+
params = params.append('searchText', this.searchString);
|
|
22295
|
+
}
|
|
22296
|
+
else {
|
|
22297
|
+
params = params.append('pageNo', this.programData.currentPage);
|
|
22298
|
+
}
|
|
22275
22299
|
this.responsibilityService.getProgramsList(params).subscribe({
|
|
22276
22300
|
next: (res) => {
|
|
22277
22301
|
this.programData.data = res.data;
|
|
@@ -22327,12 +22351,16 @@ class ProgramListingComponent {
|
|
|
22327
22351
|
this.saveSelectedProgram.emit({ program: this.currentProgram, categories: this.selectedIds });
|
|
22328
22352
|
}
|
|
22329
22353
|
deleteEvent(event) {
|
|
22354
|
+
this.currentProgram = undefined;
|
|
22355
|
+
this.showCategories = false;
|
|
22356
|
+
this.selectedIds = [];
|
|
22357
|
+
this.categoryList = [];
|
|
22330
22358
|
}
|
|
22331
22359
|
}
|
|
22332
22360
|
ProgramListingComponent.decorators = [
|
|
22333
22361
|
{ type: Component, args: [{
|
|
22334
22362
|
selector: 'app-program-listing',
|
|
22335
|
-
template: "<div class=\"program-listing\" [class.animate]=\"animation\">\r\n <div class=\"program-listing-head\">\r\n <h3 class=\"program-listing-title\">Select a Program</h3>\r\n </div>\r\n <div class=\"program-listing-body\">\r\n\r\n <div class=\"search-block\">\r\n <i class=\"icons\"></i>\r\n <input type=\"text\" placeholder=\"Search Programs\" />\r\n </div>\r\n <app-pagination *ngIf=\"programData.totalPages > 1\" [start]=\"programData.from\" [end]=\"programData.to\" [total]=\"programData.totalRecords\" [pageCount]=\"programData.totalPages\" [currentPage]=\"programData.currentPage\" (selectedPage)=\"changeProgramsPage($event)\"></app-pagination>\r\n <div class=\"program-listing-part\" [class.with-category-list]=\"showCategories\">\r\n <app-no-data *ngIf=\"false\" [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\" [noDataText]=\"'No Data Found'\"></app-no-data>\r\n \r\n <div class=\"program-listing-item\" [class.active]=\"showCategories && currentProgram?._id == program?._id\" *ngFor=\"let program of programData.data;let i = index\" >\r\n <div class=\"table-row main-list\" \r\n [class.active]=\"
|
|
22363
|
+
template: "<div class=\"program-listing\" [class.animate]=\"animation\">\r\n <div class=\"program-listing-head\">\r\n <h3 class=\"program-listing-title\">Select a Program</h3>\r\n </div>\r\n <div class=\"program-listing-body\">\r\n\r\n <div class=\"search-block\">\r\n <i class=\"icons\"></i>\r\n <input type=\"text\" (keyup.enter)=\"handleSearch($event.target.value)\" placeholder=\"Search Programs\" />\r\n </div>\r\n <app-pagination *ngIf=\"programData.totalPages > 1\" [start]=\"programData.from\" [end]=\"programData.to\" [total]=\"programData.totalRecords\" [pageCount]=\"programData.totalPages\" [currentPage]=\"programData.currentPage\" (selectedPage)=\"changeProgramsPage($event)\"></app-pagination>\r\n <div class=\"program-listing-part\" [class.with-category-list]=\"showCategories\">\r\n <app-no-data *ngIf=\"false\" [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\" [noDataText]=\"'No Data Found'\"></app-no-data>\r\n \r\n <div class=\"program-listing-item\" [class.active]=\"showCategories && currentProgram?._id == program?._id\" *ngFor=\"let program of programData.data;let i = index\" >\r\n <div class=\"table-row main-list\" \r\n [class.active]=\"currentProgram?._id == program?._id\"\r\n \r\n [class.disabled]=\"false\" (click)=\"clickSubList()\">\r\n <div class=\"table-column serial\">\r\n <div class=\"sr-no\" [appTooltip]=\"i+programData.from\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{i+programData.from}}</div>\r\n <app-cs-radio [name]=\"'t'\" [checked]= \"currentProgram?._id == program?._id\" (checkedEvent)=\"selectProgram($event,program)\"></app-cs-radio>\r\n <!-- <app-cs-checkbox [ngValue]=\"selectedIds.includes(category.category_id)\"\r\n (ngValueChange)=\"selectCategory($event,activeTab,category)\"></app-cs-checkbox> -->\r\n\r\n </div>\r\n <div class=\"table-column name\" (click)=\"selectProgram(true,program)\">\r\n <div class=\"name-inner\">\r\n <div class=\"name-with-count\">\r\n <div class=\"value\" [appTooltip]=\"program?.item_name\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{program?.name}}</div>\r\n <!-- <span class=\"count\">5</span> -->\r\n </div>\r\n <!-- <div class=\"within-part\" *ngIf=\"true\">\r\n <span class=\"within-box\">Within</span>\r\n <span class=\"value\" [appTooltip]=\"'South Africa > America > India'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">South Africa > America > India</span>\r\n </div> -->\r\n </div>\r\n </div>\r\n <div class=\"table-column action\">\r\n <button class=\"arrow\" *ngIf=\"program?.isCategoriesExist\" [class.disabled]=\"false\" [disabled]=\"false\">\r\n <i *ngIf=\"!(showCategories && currentProgram?._id == program?._id)\" (click)=\"selectProgram($event,program)\" class=\"icons\"></i>\r\n <i *ngIf=\"showCategories && currentProgram?._id == program?._id\" class=\"icons\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"sub-list\" *ngIf=\"showCategories && (currentProgram?._id == program?._id)\">\r\n <div class=\"table-row\" [class.disabled]=\"false\" *ngFor=\"let category of categoryList; let i = index\">\r\n <div class=\"table-column serial\">\r\n <div class=\"sr-no\" [appTooltip]=\"i+1\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{i+1}}</div>\r\n <app-cs-checkbox [ngValue]=\"selectedIds.includes(category.category_id)\"\r\n (ngValueChange)=\"selectCategory($event,activeTab,category)\"></app-cs-checkbox>\r\n </div>\r\n <div class=\"table-column name\">\r\n <div class=\"name-inner\">\r\n <div class=\"value\" [appTooltip]=\"category?.item_name\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{category?.name}}</div>\r\n <!-- <div class=\"name-with-count\">\r\n <div class=\"value\" [appTooltip]=\"program?.item_name\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{program?.name}}</div>\r\n </div> -->\r\n <!-- <div class=\"within-part\" *ngIf=\"true\">\r\n <span class=\"within-box\">Within</span>\r\n <span class=\"value\" [appTooltip]=\"'South Africa > America > India'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">South Africa > America > India</span>\r\n </div> -->\r\n </div>\r\n </div>\r\n <div class=\"table-column action\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <app-floating-bar [selectedData]=\"(currentProgram?.category_id)?[currentProgram]:[]\" [displayElementKey]=\"'name'\"\r\n [singularText]=\"'Program selected'\" [pluralText]=\"'Programs selected'\"\r\n (closeEvent)=\"save()\" (deleteEvent)=\"deleteEvent($event)\" (closeList)=\"close()\">\r\n</app-floating-bar>\r\n\r\n\r\n <app-loader *ngIf=\"loader\"></app-loader>\r\n <!-- <app-floating-bar></app-floating-bar> -->\r\n</div>",
|
|
22336
22364
|
styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");::ng-deep .program-listing{background:#fff;border-top:3px solid #1e5dd3;position:fixed;top:0;right:500px;bottom:0;left:0;z-index:1}::ng-deep .program-listing.animate{-webkit-animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .program-listing-head{background:#fbfbfb;height:42px;padding:0 18px;display:flex;align-items:center;border:1px solid #f1f1f1;border-right:none}::ng-deep .program-listing-title{color:#161b2f;font-size:15px;font-weight:500;margin:0!important;padding:0;line-height:21px}::ng-deep .program-listing-body{padding:24px 40px 24px 36px;height:calc(100vh - 112px)}::ng-deep .program-listing-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 .program-listing-body .filter-card.active{box-shadow:0 3px 6px #1e5dd31a}::ng-deep .program-listing-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 .program-listing-body .filter-card p{line-height:16px;font-size:10px;color:#161b2f;font-weight:600;margin:0}::ng-deep .program-listing-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 .program-listing-body .filter-card .left{display:flex;flex-wrap:wrap}::ng-deep .program-listing-body .filter-card+.filter-card{margin-left:10px}::ng-deep .program-listing-body .filter-card-row{display:flex;padding-bottom:15px}::ng-deep .program-listing-body .search-block{position:relative}::ng-deep .program-listing-body .search-block input{height:44px;line-height:24px;padding:10px 15px 10px 40px;outline:none;border:1px solid #7475763f;border-radius:4px;width:100%;font-size:14px;color:#747576}::ng-deep .program-listing-body .search-block input::-moz-placeholder{font-weight:400}::ng-deep .program-listing-body .search-block input:-ms-input-placeholder{font-weight:400}::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:17px;font-size:12px;font-weight:400;top:17px;pointer-events:none;color:#f1f1f1}::ng-deep .program-listing-body .program-listing-part{height:calc(100vh - 228px);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-category-list{height:calc(100vh - 300px)}::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-indeterminate .checkbox-item,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox .checkbox-item{width:100%;position:relative}::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-indeterminate .checkbox-item .checkmark,::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 .checkbox-item .checkmark{position:absolute;top:0;left:0}::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate .checkbox-item .value,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox .checkbox-item .value{color:#161b2f;font-size:12px;font-weight:500;margin-left:24px}::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:#747576;font-size:11px;font-weight:500;height:28px;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 .program-listing-item{border:1px solid #f1f1f1;border-radius:2px;margin-bottom:4px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .main-list{cursor:pointer}::ng-deep .program-listing-body .program-listing-part .program-listing-item.active{border-color:#1e5dd3;box-shadow:0 3px 6px #4681ef26}::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 .table-column{color:#747576;height:48px;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;-ms-writing-mode:tb-lr;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-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox-indeterminate,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-radio{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:16px}::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-indeterminate .checkbox-item .checkmark,::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 .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% - 64px);min-width:calc(100% - 64px)}::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.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.active .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-indeterminate,::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:hover .table-column.serial app-cs-checkbox-indeterminate,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row:hover .table-column.serial app-cs-radio{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.active .table-column.serial .sr-no,::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row:hover .table-column.serial .sr-no{color:#f8f8f8}::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row.active .table-column.serial .sr-no vui-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row:hover .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-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item.active .table-row .table-column.serial app-cs-checkbox-indeterminate,::ng-deep .program-listing-body .program-listing-part .program-listing-item.active .table-row .table-column.serial app-cs-radio{opacity:1}.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}"]
|
|
22337
22365
|
},] }
|
|
22338
22366
|
];
|