vcomply-workflow-engine 3.1.35 → 3.1.36
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/pipes/dom-sanitizer.pipe.mjs +1 -1
- package/esm2020/lib/sharedComponents/table-card-loader/table-card-loader.component.mjs +3 -3
- 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 +36 -25
- package/fesm2015/vcomply-workflow-engine.mjs.map +1 -1
- package/fesm2020/vcomply-workflow-engine.mjs +35 -25
- package/fesm2020/vcomply-workflow-engine.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -705,10 +705,15 @@ class GrcService {
|
|
|
705
705
|
}
|
|
706
706
|
else if (obj.type === 'checkbox' || obj.type === 'dropdown') {
|
|
707
707
|
let isChoiceSelected = false;
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
708
|
+
if (obj.hasOther && obj?.is_other_selected) {
|
|
709
|
+
isChoiceSelected = true;
|
|
710
|
+
}
|
|
711
|
+
if (!isChoiceSelected) {
|
|
712
|
+
for (const choice of obj.choices) {
|
|
713
|
+
if (choice.is_selected) {
|
|
714
|
+
isChoiceSelected = true;
|
|
715
|
+
break;
|
|
716
|
+
}
|
|
712
717
|
}
|
|
713
718
|
}
|
|
714
719
|
if (!isChoiceSelected) {
|
|
@@ -3206,10 +3211,10 @@ class TableCardLoaderComponent {
|
|
|
3206
3211
|
ngOnInit() { }
|
|
3207
3212
|
}
|
|
3208
3213
|
TableCardLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableCardLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3209
|
-
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"] }] });
|
|
3214
|
+
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"] }] });
|
|
3210
3215
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableCardLoaderComponent, decorators: [{
|
|
3211
3216
|
type: Component,
|
|
3212
|
-
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"] }]
|
|
3217
|
+
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"] }]
|
|
3213
3218
|
}], ctorParameters: function () { return []; } });
|
|
3214
3219
|
|
|
3215
3220
|
class GrcObjectListComponent {
|
|
@@ -4931,10 +4936,10 @@ class AttributesDropdownComponent {
|
|
|
4931
4936
|
this.onDataSelection = new EventEmitter();
|
|
4932
4937
|
}
|
|
4933
4938
|
onValueChanged(event, index) {
|
|
4934
|
-
|
|
4935
|
-
|
|
4936
|
-
|
|
4937
|
-
|
|
4939
|
+
if (event === 'Other') {
|
|
4940
|
+
this.dropdownInfo.is_other_selected = true;
|
|
4941
|
+
return;
|
|
4942
|
+
}
|
|
4938
4943
|
this.dropdownInfo.choices.forEach((eachChoice, dataIndex) => {
|
|
4939
4944
|
if (index === dataIndex) {
|
|
4940
4945
|
eachChoice.is_selected = true;
|
|
@@ -4948,6 +4953,9 @@ class AttributesDropdownComponent {
|
|
|
4948
4953
|
this.onDataSelection.emit(this.dropdownInfo.choices);
|
|
4949
4954
|
}
|
|
4950
4955
|
get placeholderText() {
|
|
4956
|
+
if (this.dropdownInfo.hasOther && this.dropdownInfo?.is_other_selected) {
|
|
4957
|
+
return this.dropdownInfo.otherValue;
|
|
4958
|
+
}
|
|
4951
4959
|
const INDEX = this.dropdownInfo.choices.findIndex((choices) => choices.is_selected);
|
|
4952
4960
|
if (INDEX > -1) {
|
|
4953
4961
|
return this.dropdownInfo.choices[INDEX].title;
|
|
@@ -4969,11 +4977,11 @@ AttributesDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.
|
|
|
4969
4977
|
(click)="onValueChanged(eachChoice?.title, i)"
|
|
4970
4978
|
>{{ eachChoice?.title }}</cs-option
|
|
4971
4979
|
>
|
|
4972
|
-
|
|
4980
|
+
<cs-option
|
|
4973
4981
|
*ngIf="dropdownInfo?.hasOther"
|
|
4974
4982
|
[value]="dropdownInfo?.is_other_selected"
|
|
4975
|
-
(click)="onValueChanged(dropdownInfo?.
|
|
4976
|
-
>{{ dropdownInfo?.
|
|
4983
|
+
(click)="onValueChanged(dropdownInfo?.otherValue, 0)"
|
|
4984
|
+
>{{ dropdownInfo?.otherValue }}</cs-option
|
|
4977
4985
|
>
|
|
4978
4986
|
</cs-select>
|
|
4979
4987
|
<p *ngIf="isValidationError" class="error-message">
|
|
@@ -5002,11 +5010,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
5002
5010
|
(click)="onValueChanged(eachChoice?.title, i)"
|
|
5003
5011
|
>{{ eachChoice?.title }}</cs-option
|
|
5004
5012
|
>
|
|
5005
|
-
|
|
5013
|
+
<cs-option
|
|
5006
5014
|
*ngIf="dropdownInfo?.hasOther"
|
|
5007
5015
|
[value]="dropdownInfo?.is_other_selected"
|
|
5008
|
-
(click)="onValueChanged(dropdownInfo?.
|
|
5009
|
-
>{{ dropdownInfo?.
|
|
5016
|
+
(click)="onValueChanged(dropdownInfo?.otherValue, 0)"
|
|
5017
|
+
>{{ dropdownInfo?.otherValue }}</cs-option
|
|
5010
5018
|
>
|
|
5011
5019
|
</cs-select>
|
|
5012
5020
|
<p *ngIf="isValidationError" class="error-message">
|
|
@@ -5096,10 +5104,10 @@ class AttributesCheckboxComponent {
|
|
|
5096
5104
|
}
|
|
5097
5105
|
}
|
|
5098
5106
|
AttributesCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AttributesCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5099
|
-
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"] }] });
|
|
5107
|
+
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"] }] });
|
|
5100
5108
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AttributesCheckboxComponent, decorators: [{
|
|
5101
5109
|
type: Component,
|
|
5102
|
-
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
|
|
5110
|
+
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"] }]
|
|
5103
5111
|
}], ctorParameters: function () { return []; } });
|
|
5104
5112
|
|
|
5105
5113
|
class GetSelectedValuePipe {
|
|
@@ -5144,10 +5152,15 @@ class IsAttributesValidPipe {
|
|
|
5144
5152
|
else if (attribute.type === 'checkbox' ||
|
|
5145
5153
|
attribute.type === 'dropdown') {
|
|
5146
5154
|
let isChoiceSelected = false;
|
|
5147
|
-
|
|
5148
|
-
|
|
5149
|
-
|
|
5150
|
-
|
|
5155
|
+
if (attribute.hasOther && attribute?.is_other_selected) {
|
|
5156
|
+
isChoiceSelected = true;
|
|
5157
|
+
}
|
|
5158
|
+
if (!isChoiceSelected) {
|
|
5159
|
+
for (const choice of attribute.choices) {
|
|
5160
|
+
if (choice.is_selected) {
|
|
5161
|
+
isChoiceSelected = true;
|
|
5162
|
+
break;
|
|
5163
|
+
}
|
|
5151
5164
|
}
|
|
5152
5165
|
}
|
|
5153
5166
|
if (!isChoiceSelected) {
|
|
@@ -5158,9 +5171,6 @@ class IsAttributesValidPipe {
|
|
|
5158
5171
|
else {
|
|
5159
5172
|
// isValid = true;
|
|
5160
5173
|
}
|
|
5161
|
-
if (attribute.type === 'single-textbox') {
|
|
5162
|
-
console.log('isValid', isValid, attribute);
|
|
5163
|
-
}
|
|
5164
5174
|
return isValid;
|
|
5165
5175
|
}
|
|
5166
5176
|
}
|