vcomply-workflow-engine 3.1.37 → 3.1.38
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/esm2020/lib/sharedComponents/table-card-loader/table-card-loader.component.mjs +3 -3
- package/esm2020/lib/workflow/grc-object/grc-object-container/grc-object-container.component.mjs +5 -1
- package/esm2020/lib/workflow/shared/components/attributes/attributes-checkbox/attributes-checkbox.component.mjs +3 -3
- package/esm2020/lib/workflow/shared/components/attributes/attributes-dropdown/attributes-dropdown.component.mjs +14 -11
- package/esm2020/lib/workflow/shared/services/grc.service.mjs +10 -5
- package/esm2020/lib/workflow/shared/workflow-pipes/is-attributes-valid.pipe.mjs +10 -8
- package/fesm2015/vcomply-workflow-engine.mjs +40 -25
- package/fesm2015/vcomply-workflow-engine.mjs.map +1 -1
- package/fesm2020/vcomply-workflow-engine.mjs +39 -25
- package/fesm2020/vcomply-workflow-engine.mjs.map +1 -1
- package/lib/workflow/grc-object/grc-object-container/grc-object-container.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -714,10 +714,15 @@ class GrcService {
|
|
|
714
714
|
}
|
|
715
715
|
else if (obj.type === 'checkbox' || obj.type === 'dropdown') {
|
|
716
716
|
let isChoiceSelected = false;
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
717
|
+
if (obj.hasOther && (obj === null || obj === void 0 ? void 0 : obj.is_other_selected)) {
|
|
718
|
+
isChoiceSelected = true;
|
|
719
|
+
}
|
|
720
|
+
if (!isChoiceSelected) {
|
|
721
|
+
for (const choice of obj.choices) {
|
|
722
|
+
if (choice.is_selected) {
|
|
723
|
+
isChoiceSelected = true;
|
|
724
|
+
break;
|
|
725
|
+
}
|
|
721
726
|
}
|
|
722
727
|
}
|
|
723
728
|
if (!isChoiceSelected) {
|
|
@@ -3232,10 +3237,10 @@ class TableCardLoaderComponent {
|
|
|
3232
3237
|
ngOnInit() { }
|
|
3233
3238
|
}
|
|
3234
3239
|
TableCardLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableCardLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3235
|
-
TableCardLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TableCardLoaderComponent, isStandalone: true, selector: "app-table-card-loader", ngImport: i0, template: "<div class=\"table-card-area vx-d-flex vx-align-center vx-mb-2\">\n <div *ngFor=\"let data of [1,1,1,1]\" class=\"vx-table-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-mr-1 vx-w-100\">\n <div class=\"left vx-d-block vx-w-100\">\n <div class=\"label vx-d-flex vx-align-center\">\n <div class=\"loader\"></div>\n </div>\n </div>\n <div class=\"right vx-d-flex vx-justify-end vx-w-100\">\n <span class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center loader\"></span>\n </div>\n </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.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/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-right.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/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-right.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/table-card/table-card.css\";::ng-deep .table-card-area .vx-table-card:last-of-type{margin-right:0!important}::ng-deep .table-card-area .vx-table-card .left .label .loader{width:100%}::ng-deep .table-card-area .vx-table-card .right span{width:1.75rem;height:1.75rem}.loader{background:#f1f1f1!important;height:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
3240
|
+
TableCardLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TableCardLoaderComponent, isStandalone: true, selector: "app-table-card-loader", ngImport: i0, template: "<div class=\"table-card-area vx-d-flex vx-align-center vx-mb-2\">\r\n <div *ngFor=\"let data of [1,1,1,1]\" class=\"vx-table-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-mr-1 vx-w-100\">\r\n <div class=\"left vx-d-block vx-w-100\">\r\n <div class=\"label vx-d-flex vx-align-center\">\r\n <div class=\"loader\"></div>\r\n </div>\r\n </div>\r\n <div class=\"right vx-d-flex vx-justify-end vx-w-100\">\r\n <span class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center loader\"></span>\r\n </div>\r\n </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.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/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-right.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/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-right.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/table-card/table-card.css\";::ng-deep .table-card-area .vx-table-card:last-of-type{margin-right:0!important}::ng-deep .table-card-area .vx-table-card .left .label .loader{width:100%}::ng-deep .table-card-area .vx-table-card .right span{width:1.75rem;height:1.75rem}.loader{background:#f1f1f1!important;height:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
3236
3241
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableCardLoaderComponent, decorators: [{
|
|
3237
3242
|
type: Component,
|
|
3238
|
-
args: [{ selector: 'app-table-card-loader', standalone: true, imports: [CommonModule], template: "<div class=\"table-card-area vx-d-flex vx-align-center vx-mb-2\">\n <div *ngFor=\"let data of [1,1,1,1]\" class=\"vx-table-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-mr-1 vx-w-100\">\n <div class=\"left vx-d-block vx-w-100\">\n <div class=\"label vx-d-flex vx-align-center\">\n <div class=\"loader\"></div>\n </div>\n </div>\n <div class=\"right vx-d-flex vx-justify-end vx-w-100\">\n <span class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center loader\"></span>\n </div>\n </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.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/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-right.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/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-right.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/table-card/table-card.css\";::ng-deep .table-card-area .vx-table-card:last-of-type{margin-right:0!important}::ng-deep .table-card-area .vx-table-card .left .label .loader{width:100%}::ng-deep .table-card-area .vx-table-card .right span{width:1.75rem;height:1.75rem}.loader{background:#f1f1f1!important;height:.5rem}\n"] }]
|
|
3243
|
+
args: [{ selector: 'app-table-card-loader', standalone: true, imports: [CommonModule], template: "<div class=\"table-card-area vx-d-flex vx-align-center vx-mb-2\">\r\n <div *ngFor=\"let data of [1,1,1,1]\" class=\"vx-table-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-mr-1 vx-w-100\">\r\n <div class=\"left vx-d-block vx-w-100\">\r\n <div class=\"label vx-d-flex vx-align-center\">\r\n <div class=\"loader\"></div>\r\n </div>\r\n </div>\r\n <div class=\"right vx-d-flex vx-justify-end vx-w-100\">\r\n <span class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center loader\"></span>\r\n </div>\r\n </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.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/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-right.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/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-right.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/table-card/table-card.css\";::ng-deep .table-card-area .vx-table-card:last-of-type{margin-right:0!important}::ng-deep .table-card-area .vx-table-card .left .label .loader{width:100%}::ng-deep .table-card-area .vx-table-card .right span{width:1.75rem;height:1.75rem}.loader{background:#f1f1f1!important;height:.5rem}\n"] }]
|
|
3239
3244
|
}], ctorParameters: function () { return []; } });
|
|
3240
3245
|
|
|
3241
3246
|
class GrcObjectListComponent {
|
|
@@ -4973,10 +4978,10 @@ class AttributesDropdownComponent {
|
|
|
4973
4978
|
this.onDataSelection = new EventEmitter();
|
|
4974
4979
|
}
|
|
4975
4980
|
onValueChanged(event, index) {
|
|
4976
|
-
|
|
4977
|
-
|
|
4978
|
-
|
|
4979
|
-
|
|
4981
|
+
if (event === 'Other') {
|
|
4982
|
+
this.dropdownInfo.is_other_selected = true;
|
|
4983
|
+
return;
|
|
4984
|
+
}
|
|
4980
4985
|
this.dropdownInfo.choices.forEach((eachChoice, dataIndex) => {
|
|
4981
4986
|
if (index === dataIndex) {
|
|
4982
4987
|
eachChoice.is_selected = true;
|
|
@@ -4990,6 +4995,10 @@ class AttributesDropdownComponent {
|
|
|
4990
4995
|
this.onDataSelection.emit(this.dropdownInfo.choices);
|
|
4991
4996
|
}
|
|
4992
4997
|
get placeholderText() {
|
|
4998
|
+
var _a;
|
|
4999
|
+
if (this.dropdownInfo.hasOther && ((_a = this.dropdownInfo) === null || _a === void 0 ? void 0 : _a.is_other_selected)) {
|
|
5000
|
+
return this.dropdownInfo.otherValue;
|
|
5001
|
+
}
|
|
4993
5002
|
const INDEX = this.dropdownInfo.choices.findIndex((choices) => choices.is_selected);
|
|
4994
5003
|
if (INDEX > -1) {
|
|
4995
5004
|
return this.dropdownInfo.choices[INDEX].title;
|
|
@@ -5011,11 +5020,11 @@ AttributesDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.
|
|
|
5011
5020
|
(click)="onValueChanged(eachChoice?.title, i)"
|
|
5012
5021
|
>{{ eachChoice?.title }}</cs-option
|
|
5013
5022
|
>
|
|
5014
|
-
|
|
5023
|
+
<cs-option
|
|
5015
5024
|
*ngIf="dropdownInfo?.hasOther"
|
|
5016
5025
|
[value]="dropdownInfo?.is_other_selected"
|
|
5017
|
-
(click)="onValueChanged(dropdownInfo?.
|
|
5018
|
-
>{{ dropdownInfo?.
|
|
5026
|
+
(click)="onValueChanged(dropdownInfo?.otherValue, 0)"
|
|
5027
|
+
>{{ dropdownInfo?.otherValue }}</cs-option
|
|
5019
5028
|
>
|
|
5020
5029
|
</cs-select>
|
|
5021
5030
|
<p *ngIf="isValidationError" class="error-message">
|
|
@@ -5044,11 +5053,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
5044
5053
|
(click)="onValueChanged(eachChoice?.title, i)"
|
|
5045
5054
|
>{{ eachChoice?.title }}</cs-option
|
|
5046
5055
|
>
|
|
5047
|
-
|
|
5056
|
+
<cs-option
|
|
5048
5057
|
*ngIf="dropdownInfo?.hasOther"
|
|
5049
5058
|
[value]="dropdownInfo?.is_other_selected"
|
|
5050
|
-
(click)="onValueChanged(dropdownInfo?.
|
|
5051
|
-
>{{ dropdownInfo?.
|
|
5059
|
+
(click)="onValueChanged(dropdownInfo?.otherValue, 0)"
|
|
5060
|
+
>{{ dropdownInfo?.otherValue }}</cs-option
|
|
5052
5061
|
>
|
|
5053
5062
|
</cs-select>
|
|
5054
5063
|
<p *ngIf="isValidationError" class="error-message">
|
|
@@ -5140,10 +5149,10 @@ class AttributesCheckboxComponent {
|
|
|
5140
5149
|
}
|
|
5141
5150
|
}
|
|
5142
5151
|
AttributesCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AttributesCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5143
|
-
AttributesCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AttributesCheckboxComponent, isStandalone: true, selector: "lib-attributes-checkbox", inputs: { selectedAttribute: "selectedAttribute" }, outputs: { onSelectedAttributes: "onSelectedAttributes" }, ngImport: i0, template: "<div class=\"add-risk-rc\" [class.animate]=\"animation\">\r\n <div\r\n class=\"add-risk-rc-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\r\n >\r\n <div\r\n class=\"vx-fs-14 vx-fw-500 vx-label-txt\"\r\n [innerHTML]=\"selectedAttribute?.title\"\r\n ></div>\r\n </div>\r\n <div class=\"add-risk-rc-body\">\r\n <!-- <app-workflow-pagination></app-workflow-pagination> -->\r\n\r\n <div class=\"body-top\" *ngIf=\"selectedAttribute?.choices?.length > 0\">\r\n <app-cs-checkbox\r\n [ngValue]=\"isSelectAll\"\r\n (ngValueChange)=\"selectAll($event)\"\r\n ><strong>{{ isSelectAll ? \"Deselect All\" : \"Select All\" }}</strong>\r\n </app-cs-checkbox>\r\n </div>\r\n\r\n <ul class=\"add-risk-rc-list\">\r\n <ng-container>\r\n <li\r\n *ngFor=\"let choice of selectedAttribute?.choices; let i = index\"\r\n #ulElement\r\n >\r\n <app-cs-checkbox\r\n [ngValue]=\"choice.is_selected\"\r\n (ngValueChange)=\"selectAttributes(i, $event)\"\r\n >\r\n <ul class=\"add-risk-rc-name\" #listBlock>\r\n <!-- [style.max-width.px]=\"blockWidth / rc.rc_name\" -->\r\n <li\r\n [appTooltip]=\"choice?.title\"\r\n placement=\"bottom\"\r\n type=\"black\"\r\n delay=\"0\"\r\n [tooltipMandatory]=\"true\"\r\n >\r\n {{ choice?.title }}\r\n </li>\r\n </ul>\r\n </app-cs-checkbox>\r\n </li>\r\n\r\n <li *ngIf=\"selectedAttribute?.hasOther\">\r\n <app-cs-checkbox\r\n [ngValue]=\"selectedAttribute.is_other_selected\"\r\n (ngValueChange)=\"selectedAttribute['is_other_selected'] = $event\"\r\n >\r\n <ul class=\"add-risk-rc-name\" #listBlock>\r\n <!-- [style.max-width.px]=\"blockWidth / rc.rc_name\" -->\r\n <li\r\n [appTooltip]=\"selectedAttribute?.otherValue\"\r\n placement=\"bottom\"\r\n type=\"black\"\r\n delay=\"0\"\r\n [tooltipMandatory]=\"true\"\r\n >\r\n {{ selectedAttribute?.otherValue }}\r\n </li>\r\n </ul>\r\n </app-cs-checkbox>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n <app-no-data\r\n *ngIf=\"!selectedAttribute?.choices?.length\"\r\n [noDataImage]=\"\r\n 'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\r\n \"\r\n [noDataText]=\"'No data to display'\"\r\n ></app-no-data>\r\n\r\n <app-floating-bar\r\n [selectedData]=\"getSelectedValue\"\r\n [displayElementKey]=\"'title'\"\r\n (closeEvent)=\"close(getSelectedValue)\"\r\n (deleteEvent)=\"deleteEvent($event)\"\r\n (closeList)=\"close()\"\r\n [isDisabled]=\"\r\n getSelectedValue?.length === 0 ||\r\n selectedAttribute?.choices?.length === 0\r\n \"\r\n ></app-floating-bar>\r\n </div>\r\n</div>\r\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 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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: FloatingBarModule }, { kind: "component", type: 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: "ngmodule", type: FormgroupModule$1 }, { kind: "component", type: CsCheckboxComponent$1, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }] });
|
|
5152
|
+
AttributesCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AttributesCheckboxComponent, isStandalone: true, selector: "lib-attributes-checkbox", inputs: { selectedAttribute: "selectedAttribute" }, outputs: { onSelectedAttributes: "onSelectedAttributes" }, ngImport: i0, template: "<div class=\"add-risk-rc\" [class.animate]=\"animation\">\r\n <div\r\n class=\"add-risk-rc-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\r\n >\r\n <div\r\n class=\"vx-fs-14 vx-fw-500 vx-label-txt\"\r\n [innerHTML]=\"selectedAttribute?.title\"\r\n ></div>\r\n </div>\r\n <div class=\"add-risk-rc-body\">\r\n <!-- <app-workflow-pagination></app-workflow-pagination> -->\r\n\r\n <div class=\"body-top\" *ngIf=\"selectedAttribute?.choices?.length > 0\">\r\n <app-cs-checkbox\r\n [ngValue]=\"isSelectAll\"\r\n (ngValueChange)=\"selectAll($event)\"\r\n ><strong>{{ isSelectAll ? \"Deselect All\" : \"Select All\" }}</strong>\r\n </app-cs-checkbox>\r\n </div>\r\n\r\n <ul class=\"add-risk-rc-list\">\r\n <ng-container>\r\n <li\r\n *ngFor=\"let choice of selectedAttribute?.choices; let i = index\"\r\n #ulElement\r\n >\r\n <app-cs-checkbox\r\n [ngValue]=\"choice.is_selected\"\r\n (ngValueChange)=\"selectAttributes(i, $event)\"\r\n >\r\n <ul class=\"add-risk-rc-name\" #listBlock>\r\n <!-- [style.max-width.px]=\"blockWidth / rc.rc_name\" -->\r\n <li\r\n [appTooltip]=\"choice?.title\"\r\n placement=\"bottom\"\r\n type=\"black\"\r\n delay=\"0\"\r\n [tooltipMandatory]=\"true\"\r\n >\r\n {{ choice?.title }}\r\n </li>\r\n </ul>\r\n </app-cs-checkbox>\r\n </li>\r\n\r\n <li *ngIf=\"selectedAttribute?.hasOther\">\r\n <app-cs-checkbox\r\n [ngValue]=\"selectedAttribute.is_other_selected\"\r\n (ngValueChange)=\"selectedAttribute['is_other_selected'] = $event\"\r\n >\r\n <ul class=\"add-risk-rc-name\" #listBlock>\r\n <!-- [style.max-width.px]=\"blockWidth / rc.rc_name\" -->\r\n <li\r\n [appTooltip]=\"selectedAttribute?.otherValue\"\r\n placement=\"bottom\"\r\n type=\"black\"\r\n delay=\"0\"\r\n [tooltipMandatory]=\"true\"\r\n >\r\n {{ selectedAttribute?.otherValue }}\r\n </li>\r\n </ul>\r\n </app-cs-checkbox>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n <app-no-data\r\n *ngIf=\"!selectedAttribute?.choices?.length\"\r\n [noDataImage]=\"\r\n 'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\r\n \"\r\n [noDataText]=\"'No data to display'\"\r\n ></app-no-data>\r\n\r\n <app-floating-bar\r\n [selectedData]=\"getSelectedValue\"\r\n [displayElementKey]=\"'title'\"\r\n (closeEvent)=\"close(getSelectedValue)\"\r\n (deleteEvent)=\"deleteEvent($event)\"\r\n (closeList)=\"close()\"\r\n [isDisabled]=\"\r\n (getSelectedValue?.length === 0 ||\r\n selectedAttribute?.choices?.length === 0) &&\r\n !selectedAttribute?.is_other_selected\r\n \"\r\n ></app-floating-bar>\r\n </div>\r\n</div>\r\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 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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: FloatingBarModule }, { kind: "component", type: 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: "ngmodule", type: FormgroupModule$1 }, { kind: "component", type: CsCheckboxComponent$1, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }] });
|
|
5144
5153
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AttributesCheckboxComponent, decorators: [{
|
|
5145
5154
|
type: Component,
|
|
5146
|
-
args: [{ selector: 'lib-attributes-checkbox', standalone: true, imports: [CommonModule, FormsModule, FloatingBarModule, FormgroupModule$1], inputs: ['selectedAttribute'], outputs: ['onSelectedAttributes'], template: "<div class=\"add-risk-rc\" [class.animate]=\"animation\">\r\n <div\r\n class=\"add-risk-rc-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\r\n >\r\n <div\r\n class=\"vx-fs-14 vx-fw-500 vx-label-txt\"\r\n [innerHTML]=\"selectedAttribute?.title\"\r\n ></div>\r\n </div>\r\n <div class=\"add-risk-rc-body\">\r\n <!-- <app-workflow-pagination></app-workflow-pagination> -->\r\n\r\n <div class=\"body-top\" *ngIf=\"selectedAttribute?.choices?.length > 0\">\r\n <app-cs-checkbox\r\n [ngValue]=\"isSelectAll\"\r\n (ngValueChange)=\"selectAll($event)\"\r\n ><strong>{{ isSelectAll ? \"Deselect All\" : \"Select All\" }}</strong>\r\n </app-cs-checkbox>\r\n </div>\r\n\r\n <ul class=\"add-risk-rc-list\">\r\n <ng-container>\r\n <li\r\n *ngFor=\"let choice of selectedAttribute?.choices; let i = index\"\r\n #ulElement\r\n >\r\n <app-cs-checkbox\r\n [ngValue]=\"choice.is_selected\"\r\n (ngValueChange)=\"selectAttributes(i, $event)\"\r\n >\r\n <ul class=\"add-risk-rc-name\" #listBlock>\r\n <!-- [style.max-width.px]=\"blockWidth / rc.rc_name\" -->\r\n <li\r\n [appTooltip]=\"choice?.title\"\r\n placement=\"bottom\"\r\n type=\"black\"\r\n delay=\"0\"\r\n [tooltipMandatory]=\"true\"\r\n >\r\n {{ choice?.title }}\r\n </li>\r\n </ul>\r\n </app-cs-checkbox>\r\n </li>\r\n\r\n <li *ngIf=\"selectedAttribute?.hasOther\">\r\n <app-cs-checkbox\r\n [ngValue]=\"selectedAttribute.is_other_selected\"\r\n (ngValueChange)=\"selectedAttribute['is_other_selected'] = $event\"\r\n >\r\n <ul class=\"add-risk-rc-name\" #listBlock>\r\n <!-- [style.max-width.px]=\"blockWidth / rc.rc_name\" -->\r\n <li\r\n [appTooltip]=\"selectedAttribute?.otherValue\"\r\n placement=\"bottom\"\r\n type=\"black\"\r\n delay=\"0\"\r\n [tooltipMandatory]=\"true\"\r\n >\r\n {{ selectedAttribute?.otherValue }}\r\n </li>\r\n </ul>\r\n </app-cs-checkbox>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n <app-no-data\r\n *ngIf=\"!selectedAttribute?.choices?.length\"\r\n [noDataImage]=\"\r\n 'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\r\n \"\r\n [noDataText]=\"'No data to display'\"\r\n ></app-no-data>\r\n\r\n <app-floating-bar\r\n [selectedData]=\"getSelectedValue\"\r\n [displayElementKey]=\"'title'\"\r\n (closeEvent)=\"close(getSelectedValue)\"\r\n (deleteEvent)=\"deleteEvent($event)\"\r\n (closeList)=\"close()\"\r\n [isDisabled]=\"\r\n getSelectedValue?.length === 0 ||\r\n
|
|
5155
|
+
args: [{ selector: 'lib-attributes-checkbox', standalone: true, imports: [CommonModule, FormsModule, FloatingBarModule, FormgroupModule$1], inputs: ['selectedAttribute'], outputs: ['onSelectedAttributes'], template: "<div class=\"add-risk-rc\" [class.animate]=\"animation\">\r\n <div\r\n class=\"add-risk-rc-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\r\n >\r\n <div\r\n class=\"vx-fs-14 vx-fw-500 vx-label-txt\"\r\n [innerHTML]=\"selectedAttribute?.title\"\r\n ></div>\r\n </div>\r\n <div class=\"add-risk-rc-body\">\r\n <!-- <app-workflow-pagination></app-workflow-pagination> -->\r\n\r\n <div class=\"body-top\" *ngIf=\"selectedAttribute?.choices?.length > 0\">\r\n <app-cs-checkbox\r\n [ngValue]=\"isSelectAll\"\r\n (ngValueChange)=\"selectAll($event)\"\r\n ><strong>{{ isSelectAll ? \"Deselect All\" : \"Select All\" }}</strong>\r\n </app-cs-checkbox>\r\n </div>\r\n\r\n <ul class=\"add-risk-rc-list\">\r\n <ng-container>\r\n <li\r\n *ngFor=\"let choice of selectedAttribute?.choices; let i = index\"\r\n #ulElement\r\n >\r\n <app-cs-checkbox\r\n [ngValue]=\"choice.is_selected\"\r\n (ngValueChange)=\"selectAttributes(i, $event)\"\r\n >\r\n <ul class=\"add-risk-rc-name\" #listBlock>\r\n <!-- [style.max-width.px]=\"blockWidth / rc.rc_name\" -->\r\n <li\r\n [appTooltip]=\"choice?.title\"\r\n placement=\"bottom\"\r\n type=\"black\"\r\n delay=\"0\"\r\n [tooltipMandatory]=\"true\"\r\n >\r\n {{ choice?.title }}\r\n </li>\r\n </ul>\r\n </app-cs-checkbox>\r\n </li>\r\n\r\n <li *ngIf=\"selectedAttribute?.hasOther\">\r\n <app-cs-checkbox\r\n [ngValue]=\"selectedAttribute.is_other_selected\"\r\n (ngValueChange)=\"selectedAttribute['is_other_selected'] = $event\"\r\n >\r\n <ul class=\"add-risk-rc-name\" #listBlock>\r\n <!-- [style.max-width.px]=\"blockWidth / rc.rc_name\" -->\r\n <li\r\n [appTooltip]=\"selectedAttribute?.otherValue\"\r\n placement=\"bottom\"\r\n type=\"black\"\r\n delay=\"0\"\r\n [tooltipMandatory]=\"true\"\r\n >\r\n {{ selectedAttribute?.otherValue }}\r\n </li>\r\n </ul>\r\n </app-cs-checkbox>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n <app-no-data\r\n *ngIf=\"!selectedAttribute?.choices?.length\"\r\n [noDataImage]=\"\r\n 'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\r\n \"\r\n [noDataText]=\"'No data to display'\"\r\n ></app-no-data>\r\n\r\n <app-floating-bar\r\n [selectedData]=\"getSelectedValue\"\r\n [displayElementKey]=\"'title'\"\r\n (closeEvent)=\"close(getSelectedValue)\"\r\n (deleteEvent)=\"deleteEvent($event)\"\r\n (closeList)=\"close()\"\r\n [isDisabled]=\"\r\n (getSelectedValue?.length === 0 ||\r\n selectedAttribute?.choices?.length === 0) &&\r\n !selectedAttribute?.is_other_selected\r\n \"\r\n ></app-floating-bar>\r\n </div>\r\n</div>\r\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 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"] }]
|
|
5147
5156
|
}], ctorParameters: function () { return []; } });
|
|
5148
5157
|
|
|
5149
5158
|
class GetSelectedValuePipe {
|
|
@@ -5188,10 +5197,15 @@ class IsAttributesValidPipe {
|
|
|
5188
5197
|
else if (attribute.type === 'checkbox' ||
|
|
5189
5198
|
attribute.type === 'dropdown') {
|
|
5190
5199
|
let isChoiceSelected = false;
|
|
5191
|
-
|
|
5192
|
-
|
|
5193
|
-
|
|
5194
|
-
|
|
5200
|
+
if (attribute.hasOther && (attribute === null || attribute === void 0 ? void 0 : attribute.is_other_selected)) {
|
|
5201
|
+
isChoiceSelected = true;
|
|
5202
|
+
}
|
|
5203
|
+
if (!isChoiceSelected) {
|
|
5204
|
+
for (const choice of attribute.choices) {
|
|
5205
|
+
if (choice.is_selected) {
|
|
5206
|
+
isChoiceSelected = true;
|
|
5207
|
+
break;
|
|
5208
|
+
}
|
|
5195
5209
|
}
|
|
5196
5210
|
}
|
|
5197
5211
|
if (!isChoiceSelected) {
|
|
@@ -5202,9 +5216,6 @@ class IsAttributesValidPipe {
|
|
|
5202
5216
|
else {
|
|
5203
5217
|
// isValid = true;
|
|
5204
5218
|
}
|
|
5205
|
-
if (attribute.type === 'single-textbox') {
|
|
5206
|
-
console.log('isValid', isValid, attribute);
|
|
5207
|
-
}
|
|
5208
5219
|
return isValid;
|
|
5209
5220
|
}
|
|
5210
5221
|
}
|
|
@@ -5674,6 +5685,8 @@ class GrcObjectContainerComponent {
|
|
|
5674
5685
|
item.label = (_b = OBJECT_LABEL[(_a = item === null || item === void 0 ? void 0 : item.label) === null || _a === void 0 ? void 0 : _a.toUpperCase()]) !== null && _b !== void 0 ? _b : item === null || item === void 0 ? void 0 : item.label;
|
|
5675
5686
|
return item;
|
|
5676
5687
|
});
|
|
5688
|
+
this.ORIGINAL_GRC_ATTRIBUTES = JSON.parse(JSON.stringify(this.OBJECT_TYPE));
|
|
5689
|
+
console.log('this.ORIGINAL_GRC_ATTRIBUTES', this.ORIGINAL_GRC_ATTRIBUTES);
|
|
5677
5690
|
if (this.MODE === 'EDIT') {
|
|
5678
5691
|
this.OBJECT_TYPE[this.grcType].attributes =
|
|
5679
5692
|
this.grcPayload.attributes;
|
|
@@ -5849,6 +5862,8 @@ class GrcObjectContainerComponent {
|
|
|
5849
5862
|
this.isFormSubmitted = false;
|
|
5850
5863
|
this.isDuplicateName = false;
|
|
5851
5864
|
this.uiKitService.isSmileyOn = false;
|
|
5865
|
+
this.OBJECT_TYPE = JSON.parse(JSON.stringify(this.ORIGINAL_GRC_ATTRIBUTES));
|
|
5866
|
+
this.setDefaultGRCObjectType();
|
|
5852
5867
|
this.resetListObjectSelection();
|
|
5853
5868
|
this.mapUserList({ data: this.listObject.OWNER.data.assigneesList });
|
|
5854
5869
|
}
|