vcomply-workflow-engine 2.7.16 → 2.7.18

package/bundles/vcomply-workflow-engine.umd.js

@@ -12871,7 +12871,6 @@
             this.featureFlag_on_completion_of = this.feature.isFeatureEnabled('ff_frequency_on_completion_of');
             this.getCompletionReports();
             this.frequencyInfo = Object.assign(this.frequencyService.frequencyInfo);
-            console.log("this.frequencyData ==>", this.frequencyData);
             this.getOnCompletionFrequency();
             this.isSelectedData = this.selectedResponsibilityDetails ? ((_a = Object.keys(this.selectedResponsibilityDetails)) === null || _a === void 0 ? void 0 : _a.length) > 0 : false;
         };
@@ -12888,7 +12887,6 @@
             this.isSelectedData = this.selectedResponsibilityDetails ? ((_a = Object.keys(this.selectedResponsibilityDetails)) === null || _a === void 0 ? void 0 : _a.length) > 0 : false;
         };
         FrequencyOnCompletionOfComponent.prototype.onTimeChanged = function (event) {
-            console.log(event);
             this.onCompletionOfTime = event;
             this.getOnCompletionFrequency();
         };
@@ -12907,14 +12905,10 @@
                 this.selectedResponsibilityDetails = event;
                 this.isSelectedData = this.selectedResponsibilityDetails ? ((_a = Object.keys(this.selectedResponsibilityDetails)) === null || _a === void 0 ? void 0 : _a.length) > 0 : false;
             }
-            console.log("event ==>", event, this.selectedResponsibilityDetails);
             if (typeof (this.selectedResponsibilityDetails) === 'object') {
-                console.log("eeeeee");
-                //this.selectedResponsibilityDetails = event;
                 this.frequencyInfo.reportId = (_b = this.selectedResponsibilityDetails) === null || _b === void 0 ? void 0 : _b.ReportId;
             }
             else {
-                console.log("eeeeewwwwwwe");
                 this.frequencyInfo.reportId = 0;
             }
             this.getOnCompletionFrequency();
@@ -12926,11 +12920,9 @@
                 _this.selectedResponsibility = 0;
                 _this.placeholder = 'Select a Responsibility';
                 _this.onCompletionOfResponsibility = res;
-                console.log("this.frequencyData", _this.frequencyData);
                 if (_this.frequencyData.pattern != '' && parseInt(_this.frequencyData.pattern.split('~')[0]) === 6) {
                     _this.populateFrequency();
                 }
-                console.log("on copletion responsibility", res);
             });
         };
         FrequencyOnCompletionOfComponent.prototype.inputValueChange = function (event) {
@@ -12957,7 +12949,6 @@
             this.frequencyInfo.failed_time_utc = 0;
             this.frequencyInfo.reportId = (_d = (_c = this.selectedResponsibilityDetails) === null || _c === void 0 ? void 0 : _c.ReportId) !== null && _d !== void 0 ? _d : 0;
             this.frequencyDetails.emit(this.frequencyInfo);
-            console.log(" this.frequencyInfo ==>", this.frequencyInfo);
         };
         FrequencyOnCompletionOfComponent.prototype.openRadioResponsibility = function (event) {
             if (event === 'backToOnCompletion') {
@@ -12974,14 +12965,16 @@
             var _a;
             this.selectedResponsibilityDetails = {};
             this.isSelectedData = this.selectedResponsibilityDetails ? ((_a = Object.keys(this.selectedResponsibilityDetails)) === null || _a === void 0 ? void 0 : _a.length) > 0 : false;
+            this.frequencyInfo.reportId = 0;
+            this.frequencyDetails.emit(this.frequencyInfo);
         };
         return FrequencyOnCompletionOfComponent;
     }());
     FrequencyOnCompletionOfComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-frequency-on-completion-of',
-                    template: "<div class=\"frequency-completion\"  *ngIf=\"mode !== 'policy'|| backButton\">\r\n    <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">DUE DATE FREQUENCY:</div>\r\n    <div class=\"frequency-completion-inner\">\r\n        <div class=\"frequency-completion-top vx-p-3 vx-d-flex vx-align-center\">\r\n            <input class=\"countNum\" type=\"number\" [(ngModel)]=\"onCompletionOfInput\" (change)=\"inputValueChange($event)\" onkeydown=\"return event.keyCode !== 190\" min=\"0\" oninput=\"this.value = Math.abs(this.value)\">\r\n            <div class=\"vx-fs-13 vx-paragraph-txt\">day after completion of</div>\r\n        </div>\r\n        <div class=\"frequency-completion-bottom vx-p-3\">\r\n            <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">RESPONSIBILITY</div>\r\n            <div class=\"vx-d-flex vx-align-center\">\r\n                <ng-container *ngIf=\"featureFlag_on_completion_of\">\r\n                    <div *ngIf=\"featureFlag_on_completion_of && !isSelectedData\" [class.disabled]=\"placeholder === 'Loading...'\" class=\"select-box vx-fs-11 vx-paragraph-txt vx-p-2 vx-pl-3 vx-pr-3 vx-mr-3 vx-d-flex vx-align-center vx-justify-between vx-w-100\" (click)=\"openRadioResponsibility($event)\" >\r\n                        {{placeholder === 'Loading...' ? 'Loading...' : 'Select a Responsibility'}}\r\n                        <i class=\"icons vx-fs-10\">&#xe9e8;</i>\r\n                        \r\n                    </div>\r\n                    <div *ngIf=\"featureFlag_on_completion_of && isSelectedData\" class=\"after-select-box vx-p-1 vx-mr-3 vx-d-flex vx-align-center vx-justify-between vx-w-100\">\r\n                        <div *ngIf=\"isSelectedData\" class=\"select-chip vx-fs-12 vx-paragraph-txt vx-p-1 vx-pl-2 vx-pr-2 vx-d-flex vx-align-center\">\r\n                            <i  *ngIf=\"isSelectedData\" class=\"icons cross vx-fs-14 vx-mr-1\" (click)=\"remove()\" >&#xe9ae;</i>\r\n                            <span [appTooltip]=\"selectedResponsibilityDetails?.ReportName\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{selectedResponsibilityDetails?.ReportName}}</span>\r\n                        </div>\r\n                        <button class=\"edit-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-d-flex vx-align-center\" (click)=\"openRadioResponsibility($event)\" ><i class=\"icons vx-mr-1\" (click)=\"openRadioResponsibility($event)\">&#xe90c;</i> EDIT</button>\r\n                    </div>\r\n                    <app-frequency-responsibility-list *ngIf=\"openRadio\"\r\n                        [feature]=\"feature\"\r\n                         [selectedResponsibilityDetails]=\"selectedResponsibilityDetails ? selectedResponsibilityDetails : {}\"\r\n                         (backButton) = \"openRadioResponsibility($event)\"\r\n                         (selectedResponsibility)=\"onResponsibilitySelection($event)\"></app-frequency-responsibility-list>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"!featureFlag_on_completion_of\">\r\n                    <cs-select [class.disabled]=\"placeholder === 'Loading...'\" [(ngModel)]=\"selectedResponsibilityDetails\" (valueChanged)=\"onResponsibilitySelection($event)\" [placeholder]=\"placeholder\">\r\n                        <cs-option  *ngFor=\"let responsibility of onCompletionOfResponsibility; let i  = index;\" [value]=\"responsibility\" [optionTooltip]=\"responsibility?.ReportName\">{{responsibility?.ReportName}}</cs-option>\r\n                    </cs-select>\r\n                </ng-container>\r\n            \r\n                <div class=\"time-picker-group vx-d-flex\" *ngIf=\"!openRadio\" >\r\n                    <div class=\"time-field\" [class.disable]=\"true\">\r\n                        <input class=\"input\" placeholder=\"11:59 PM\" readonly />\r\n                        <div class=\"clock-icon vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons vx-fs-12 vx-paragraph-txt\">&#xe955;</i></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <app-frequency-due-date\r\n        [id] = '3'\r\n        [pageName]=\"'onCompletion'\"\r\n        [mode]=\"mode\"\r\n        [isDeactivated]=\"false\"\r\n        [completedValue]=\"onCompletionOfWindow\"\r\n        [notCompletedValue]=\"onCompletionOfFailed\"\r\n        (valueChange)=\"onValueChange($event)\"\r\n    ></app-frequency-due-date>\r\n</div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div *ngIf=\"mode === 'policy'\" class=\"frequency-on-completion-of\">\r\n    <div class=\"frequency-on-completion-of-message\">\r\n        <input type=\"number\" [(ngModel)]=\"onCompletionOfInput\" (change)=\"inputValueChange($event)\" onkeydown=\"return event.keyCode !== 190\" min=\"0\" oninput=\"this.value = Math.abs(this.value)\">\r\n        <p>{{onCompletionOfInput > 1 ?'days': 'day'}} after completion of</p>\r\n    </div>\r\n    <div class=\"frequency-on-completion-of-row\">\r\n        <div class=\"responsibility\">\r\n            <cs-select [class.disabled]=\"placeholder === 'Loading...'\" [(ngModel)]=\"selectedResponsibilityDetails\" (valueChanged)=\"onResponsibilitySelection($event)\" [placeholder]=\"placeholder\">\r\n                <cs-option  *ngFor=\"let responsibility of onCompletionOfResponsibility; let i  = index;\" [value]=\"responsibility\" [optionTooltip]=\"responsibility?.ReportName\">{{responsibility?.ReportName}}</cs-option>\r\n            </cs-select>\r\n        </div>\r\n        <div class=\"time\">\r\n            <input type=\"text\" readonly aria-label=\"12hr format\" [(ngModel)]=\"onCompletionOfTime\" placeholder=\"Select Time\">\r\n            <!-- <i class=\"icons\">&#xe955;</i> -->\r\n            <!-- <ngx-material-timepicker (timeChanged)=\"onTimeChanged($event)\" #dailyTime></ngx-material-timepicker> -->\r\n        </div>\r\n    </div>\r\n    <app-frequency-due-date\r\n        [id] = '3'\r\n        [pageName]=\"'onCompletion'\"\r\n        [mode]=\"mode\"\r\n        [isDeactivated]=\"false\"\r\n        [completedValue]=\"onCompletionOfWindow\"\r\n        [notCompletedValue]=\"onCompletionOfFailed\"\r\n        (valueChange)=\"onValueChange($event)\"\r\n    ></app-frequency-due-date>\r\n</div>\r\n\r\n",
-                    styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/header/header.css\");@import url(\"https://cdn.v-comply.com/design-system/css/display/display.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.css\");@import url(\"https://cdn.v-comply.com/design-system/css/button/button.css\");@import url(\"https://cdn.v-comply.com/design-system/css/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/popover/popover.css\");@import url(\"https://cdn.v-comply.com/design-system/css/width/width.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\");::ng-deep .frequency-completion-inner{border-radius:.25rem;border:1px solid #f1f1f1}::ng-deep .frequency-completion-top input.countNum{-moz-appearance:textfield;border:none;border-bottom:1px solid #dbdbdb;color:#161b2f;display:inline-block;font-size:13px;text-align:center;width:2.75rem;padding:.125rem;margin:0 .5rem 0 0;outline:none}::ng-deep .frequency-completion-top input.countNum::-webkit-inner-spin-button,::ng-deep .frequency-completion-top input.countNum::-webkit-outer-spin-button{-webkit-appearance:none}::ng-deep .frequency-completion-bottom{border-top:1px solid #f1f1f1}::ng-deep .frequency-completion-bottom .select-box{background:#fff;border-radius:.25rem;border:1px solid #dbdbdb;cursor:pointer;height:2rem}::ng-deep .frequency-completion-bottom .select-box.disabled{pointer-events:none;opacity:.5}::ng-deep .frequency-completion-bottom .after-select-box{background:#f8f8f8;border-radius:.25rem;border:1px solid #f1f1f1;height:2rem}::ng-deep .frequency-completion-bottom .after-select-box .select-chip{background:#fff;border-radius:.125rem;box-shadow:0 2px 4px #1e5dd31a}::ng-deep .frequency-completion-bottom .after-select-box .select-chip .cross{cursor:pointer}::ng-deep .frequency-completion-bottom .after-select-box .select-chip span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:9rem}::ng-deep .frequency-completion-bottom .after-select-box button.edit-btn{background:#fff;border-radius:.125rem;border:1px solid #f1f1f1;height:1.5rem}::ng-deep .frequency-completion-bottom cs-select{width:100%;margin-right:.75rem}::ng-deep .frequency-completion-bottom cs-select .selection-wrap .input-group input.value{height:2rem!important;font-size:11px!important}::ng-deep .frequency-completion-bottom .time-picker-group{background:#fff;border-radius:.25rem;display:flex;position:relative}::ng-deep .frequency-completion-bottom .time-picker-group input{background:transparent;border-radius:.25rem;border:1px solid #dbdbdb;color:#747576;font-size:13px;font-weight:400;width:6.25rem;padding:0 .75rem;margin:0;height:2rem;outline:none;position:relative;z-index:1}::ng-deep .frequency-completion-bottom .time-picker-group input::-moz-placeholder{color:#747576}::ng-deep .frequency-completion-bottom .time-picker-group input:-ms-input-placeholder{color:#747576}::ng-deep .frequency-completion-bottom .time-picker-group input::placeholder{color:#747576}::ng-deep .frequency-completion-bottom .time-picker-group .time-field{position:relative}::ng-deep .frequency-completion-bottom .time-picker-group .time-field.disable{background:#f1f1f1;border-radius:.25rem}::ng-deep .frequency-completion-bottom .time-picker-group .time-field .clock-icon{height:2rem;width:.75rem;position:absolute;right:.75rem;top:0}::ng-deep .selection-wrap .input-group i{top:12px!important}"]
+                    template: "<div class=\"frequency-completion\"  *ngIf=\"mode !== 'policy'|| backButton\">\r\n    <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">DUE DATE FREQUENCY:</div>\r\n    <div class=\"frequency-completion-inner\">\r\n        <div class=\"frequency-completion-top vx-p-3 vx-d-flex vx-align-center\">\r\n            <input class=\"countNum\" type=\"number\" [(ngModel)]=\"onCompletionOfInput\" (change)=\"inputValueChange($event)\" onkeydown=\"return event.keyCode !== 190\" min=\"0\" oninput=\"this.value = Math.abs(this.value)\">\r\n            <div class=\"vx-fs-13 vx-paragraph-txt\">day after completion of</div>\r\n        </div>\r\n        <div class=\"frequency-completion-bottom vx-p-3\">\r\n            <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">RESPONSIBILITY</div>\r\n            <div class=\"vx-d-flex vx-align-center\">\r\n                <ng-container *ngIf=\"featureFlag_on_completion_of\">\r\n                    <div *ngIf=\"featureFlag_on_completion_of && !isSelectedData\" [class.disabled]=\"placeholder === 'Loading...'\" class=\"select-box vx-fs-11 vx-paragraph-txt vx-p-2 vx-pl-3 vx-pr-3 vx-mr-3 vx-d-flex vx-align-center vx-justify-between vx-w-100\" (click)=\"openRadioResponsibility($event)\" >\r\n                        {{placeholder === 'Loading...' ? 'Loading...' : 'Select a Responsibility'}}\r\n                        <i class=\"icons vx-fs-10\">&#xe9e8;</i>\r\n\r\n                    </div>\r\n                    <div *ngIf=\"featureFlag_on_completion_of && isSelectedData\" class=\"after-select-box vx-p-1 vx-mr-3 vx-d-flex vx-align-center vx-justify-between vx-w-100\">\r\n                        <div *ngIf=\"isSelectedData\" class=\"select-chip vx-fs-12 vx-paragraph-txt vx-p-1 vx-pl-2 vx-pr-2 vx-d-flex vx-align-center\">\r\n                            <i  *ngIf=\"isSelectedData\" class=\"icons cross vx-fs-14 vx-mr-1\" (click)=\"remove()\" >&#xe9ae;</i>\r\n                            <span [appTooltip]=\"selectedResponsibilityDetails?.ReportName\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{selectedResponsibilityDetails?.ReportName}}</span>\r\n                        </div>\r\n                        <button class=\"edit-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-d-flex vx-align-center\" (click)=\"openRadioResponsibility($event)\" ><i class=\"icons vx-mr-1\" (click)=\"openRadioResponsibility($event)\">&#xe90c;</i> EDIT</button>\r\n                    </div>\r\n                    <app-frequency-responsibility-list *ngIf=\"openRadio\"\r\n                        [feature]=\"feature\"\r\n                         [selectedResponsibilityDetails]=\"selectedResponsibilityDetails ? selectedResponsibilityDetails : {}\"\r\n                         (backButton) = \"openRadioResponsibility($event)\"\r\n                         (selectedResponsibility)=\"onResponsibilitySelection($event)\"></app-frequency-responsibility-list>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"!featureFlag_on_completion_of\">\r\n                    <cs-select [class.disabled]=\"placeholder === 'Loading...'\" [(ngModel)]=\"selectedResponsibilityDetails\" (valueChanged)=\"onResponsibilitySelection($event)\" [placeholder]=\"placeholder\">\r\n                        <cs-option  *ngFor=\"let responsibility of onCompletionOfResponsibility; let i  = index;\" [value]=\"responsibility\" [optionTooltip]=\"responsibility?.ReportName\">{{responsibility?.ReportName}}</cs-option>\r\n                    </cs-select>\r\n                </ng-container>\r\n\r\n                <div class=\"time-picker-group vx-d-flex\" *ngIf=\"!openRadio\" >\r\n                    <div class=\"time-field\" [class.disable]=\"true\">\r\n                        <input class=\"input\" placeholder=\"11:59 PM\" readonly />\r\n                        <div class=\"clock-icon vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons vx-fs-12 vx-paragraph-txt\">&#xe955;</i></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <app-frequency-due-date\r\n        [id] = '3'\r\n        [pageName]=\"'onCompletion'\"\r\n        [mode]=\"mode\"\r\n        [isDeactivated]=\"false\"\r\n        [completedValue]=\"onCompletionOfWindow\"\r\n        [notCompletedValue]=\"onCompletionOfFailed\"\r\n        (valueChange)=\"onValueChange($event)\"\r\n    ></app-frequency-due-date>\r\n</div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div *ngIf=\"mode === 'policy'\" class=\"frequency-on-completion-of\">\r\n    <div class=\"frequency-on-completion-of-message\">\r\n        <input type=\"number\" [(ngModel)]=\"onCompletionOfInput\" (change)=\"inputValueChange($event)\" onkeydown=\"return event.keyCode !== 190\" min=\"0\" oninput=\"this.value = Math.abs(this.value)\">\r\n        <p>{{onCompletionOfInput > 1 ?'days': 'day'}} after completion of</p>\r\n    </div>\r\n    <div class=\"frequency-on-completion-of-row\">\r\n        <div class=\"responsibility\">\r\n            <cs-select [class.disabled]=\"placeholder === 'Loading...'\" [(ngModel)]=\"selectedResponsibilityDetails\" (valueChanged)=\"onResponsibilitySelection($event)\" [placeholder]=\"placeholder\">\r\n                <cs-option  *ngFor=\"let responsibility of onCompletionOfResponsibility; let i  = index;\" [value]=\"responsibility\" [optionTooltip]=\"responsibility?.ReportName\">{{responsibility?.ReportName}}</cs-option>\r\n            </cs-select>\r\n        </div>\r\n        <div class=\"time\">\r\n            <input type=\"text\" readonly aria-label=\"12hr format\" [(ngModel)]=\"onCompletionOfTime\" placeholder=\"Select Time\">\r\n            <!-- <i class=\"icons\">&#xe955;</i> -->\r\n            <!-- <ngx-material-timepicker (timeChanged)=\"onTimeChanged($event)\" #dailyTime></ngx-material-timepicker> -->\r\n        </div>\r\n    </div>\r\n    <app-frequency-due-date\r\n        [id] = '3'\r\n        [pageName]=\"'onCompletion'\"\r\n        [mode]=\"mode\"\r\n        [isDeactivated]=\"false\"\r\n        [completedValue]=\"onCompletionOfWindow\"\r\n        [notCompletedValue]=\"onCompletionOfFailed\"\r\n        (valueChange)=\"onValueChange($event)\"\r\n    ></app-frequency-due-date>\r\n</div>\r\n\r\n",
+                    styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/header/header.css\");@import url(\"https://cdn.v-comply.com/design-system/css/display/display.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.css\");@import url(\"https://cdn.v-comply.com/design-system/css/button/button.css\");@import url(\"https://cdn.v-comply.com/design-system/css/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/popover/popover.css\");@import url(\"https://cdn.v-comply.com/design-system/css/width/width.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\");::ng-deep .frequency-completion-inner{border-radius:.25rem;border:1px solid #f1f1f1}::ng-deep .frequency-completion-top input.countNum{-moz-appearance:textfield;border:none;border-bottom:1px solid #dbdbdb;color:#161b2f;display:inline-block;font-size:13px;text-align:center;width:2.75rem;padding:.125rem;margin:0 .5rem 0 0;outline:none}::ng-deep .frequency-completion-top input.countNum::-webkit-inner-spin-button,::ng-deep .frequency-completion-top input.countNum::-webkit-outer-spin-button{-webkit-appearance:none}::ng-deep .frequency-completion-bottom{border-top:1px solid #f1f1f1}::ng-deep .frequency-completion-bottom .select-box{background:#fff;border-radius:.25rem;border:1px solid #dbdbdb;cursor:pointer;height:2rem}::ng-deep .frequency-completion-bottom .select-box.disabled{pointer-events:none;opacity:.5}::ng-deep .frequency-completion-bottom .after-select-box{background:#f8f8f8;border-radius:.25rem;border:1px solid #f1f1f1;height:2rem}::ng-deep .frequency-completion-bottom .after-select-box .select-chip{background:#fff;border-radius:.125rem;box-shadow:0 2px 4px #1e5dd31a}::ng-deep .frequency-completion-bottom .after-select-box .select-chip .cross{cursor:pointer}::ng-deep .frequency-completion-bottom .after-select-box .select-chip span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:30rem}::ng-deep .frequency-completion-bottom .after-select-box button.edit-btn{background:#fff;border-radius:.125rem;border:1px solid #f1f1f1;height:1.5rem}::ng-deep .frequency-completion-bottom cs-select{width:100%;margin-right:.75rem}::ng-deep .frequency-completion-bottom cs-select .selection-wrap .input-group input.value{height:2rem!important;font-size:11px!important}::ng-deep .frequency-completion-bottom .time-picker-group{background:#fff;border-radius:.25rem;display:flex;position:relative}::ng-deep .frequency-completion-bottom .time-picker-group input{background:transparent;border-radius:.25rem;border:1px solid #dbdbdb;color:#747576;font-size:13px;font-weight:400;width:6.25rem;padding:0 .75rem;margin:0;height:2rem;outline:none;position:relative;z-index:1}::ng-deep .frequency-completion-bottom .time-picker-group input::-moz-placeholder{color:#747576}::ng-deep .frequency-completion-bottom .time-picker-group input:-ms-input-placeholder{color:#747576}::ng-deep .frequency-completion-bottom .time-picker-group input::placeholder{color:#747576}::ng-deep .frequency-completion-bottom .time-picker-group .time-field{position:relative}::ng-deep .frequency-completion-bottom .time-picker-group .time-field.disable{background:#f1f1f1;border-radius:.25rem}::ng-deep .frequency-completion-bottom .time-picker-group .time-field .clock-icon{height:2rem;width:.75rem;position:absolute;right:.75rem;top:0}::ng-deep .selection-wrap .input-group i{top:12px!important}"]
                 },] }
     ];
     FrequencyOnCompletionOfComponent.ctorParameters = function () { return [
@@ -34606,7 +34599,7 @@
             this.selectedResponsibilityId[0] = event === null || event === void 0 ? void 0 : event.ReportId;
             var value = {
                 ReportId: event === null || event === void 0 ? void 0 : event.ReportId,
-                ReportName: event === null || event === void 0 ? void 0 : event.ReportName,
+                ReportName: ((event === null || event === void 0 ? void 0 : event.ControlId) ? (event === null || event === void 0 ? void 0 : event.ControlId) + ' ' : '') + (event === null || event === void 0 ? void 0 : event.ReportName),
                 notification_pending: event === null || event === void 0 ? void 0 : event.PendingFlag,
                 report_name: event === null || event === void 0 ? void 0 : event.ReportName,
                 trash_flag: event === null || event === void 0 ? void 0 : event.TrashFlag,