vcomply-workflow-engine 7.0.4 → 7.0.5
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/esm2022/lib/confirmation-alert/confirmation-alert.component.mjs +7 -11
- package/esm2022/lib/selectAll/selectAll.component.mjs +32 -0
- package/esm2022/lib/workflow-policy/workflow-policy.component.mjs +4 -3
- package/fesm2022/vcomply-workflow-engine.mjs +31 -6
- package/fesm2022/vcomply-workflow-engine.mjs.map +1 -1
- package/lib/confirmation-alert/confirmation-alert.component.d.ts +1 -3
- package/lib/selectAll/selectAll.component.d.ts +15 -0
- package/package.json +1 -1
|
@@ -35289,7 +35289,7 @@ const API = {
|
|
|
35289
35289
|
editPolicy: `/all/policy/edit-policy?id=`,
|
|
35290
35290
|
};
|
|
35291
35291
|
|
|
35292
|
-
class
|
|
35292
|
+
class SelectAllAlertComponent {
|
|
35293
35293
|
constructor(dialogRef) {
|
|
35294
35294
|
this.dialogRef = dialogRef;
|
|
35295
35295
|
this.message = '';
|
|
@@ -35304,12 +35304,12 @@ class ConfirmationAlertComponent {
|
|
|
35304
35304
|
// Close the dialog with true for YES, false for NO
|
|
35305
35305
|
this.dialogRef.close(evt);
|
|
35306
35306
|
}
|
|
35307
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type:
|
|
35308
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type:
|
|
35307
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectAllAlertComponent, deps: [{ token: DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
35308
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SelectAllAlertComponent, selector: "app-select-all-alert", inputs: { message: "message", config: "config" }, outputs: { action: "action" }, ngImport: i0, template: "<div class=\"alert-dialog\">\r\n <div class=\"alert-dialog-container\">\r\n <div class=\"alert-dialog-body\">\r\n <div class=\"alert-dialog-icon vx-d-flex vx-align-center vx-justify-center\">\r\n <i class=\"icons\"></i>\r\n \r\n </div>\r\n <p class=\"content-text vx-fs-15 vx-m-0 vx-text-center\" [innerHTML]=\"message\"></p>\r\n </div>\r\n <div class=\"alert-dialog-footer vx-d-flex vx-align-center vx-justify-between vx-p-3\">\r\n <p class=\"vx-fs-12 vx-paragraph-txt vx-m-0\">Are you sure you would like to proceed?</p>\r\n <div class=\"vx-d-flex vx-align-center\">\r\n <button class=\"no-btn vx-fs-11 vx-fw-500 vx-lable-txt vx-tt-uppercase vx-p-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"actionTaken(false)\">No</button>\r\n <button class=\"yes-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"actionTaken(true)\">Yes</button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.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/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.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\";.alert-dialog{position:fixed;inset:0;display:flex;justify-content:center;align-items:center}.alert-dialog-container{width:34.5rem;border-radius:.25rem;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) 50ms both}.alert-dialog-body{background:#fbfbfb;border-radius:.25rem .25rem 0 0;box-shadow:0 3px 20px #161b2f40;padding:2.5rem 1rem 1.5rem}.alert-dialog-body .content-text{color:#161b2f}.alert-dialog-icon{background:#fff;border:2px solid #DBDBDB;width:4rem;height:4rem;border-radius:50%;margin:0 auto 2rem}.alert-dialog-icon i{color:#1e5dd3;font-size:1.5rem}.alert-dialog-footer{background:#fff;border-top:1px solid #F1F1F1;border-radius:0 0 .25rem .25rem}.alert-dialog-footer button{border-radius:.125rem;border:none;height:2rem;width:5rem}.alert-dialog-footer button.no-btn{background:#fff}.alert-dialog-footer button.no-btn:hover{background:#f1f1f1}.alert-dialog-footer button.yes-btn{background:#1e5dd3;border:1px solid #1e5dd3}.alert-dialog-footer button.yes-btn:hover{background:#1146a8;border-color:#1146a8}.alert-dialog-footer button+button{margin-left:.25rem}@keyframes lift-up{0%{top:0}50%{top:-35px}to{top:0}}@keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}\n"] }); }
|
|
35309
35309
|
}
|
|
35310
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type:
|
|
35310
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectAllAlertComponent, decorators: [{
|
|
35311
35311
|
type: Component,
|
|
35312
|
-
args: [{ selector: 'app-
|
|
35312
|
+
args: [{ selector: 'app-select-all-alert', template: "<div class=\"alert-dialog\">\r\n <div class=\"alert-dialog-container\">\r\n <div class=\"alert-dialog-body\">\r\n <div class=\"alert-dialog-icon vx-d-flex vx-align-center vx-justify-center\">\r\n <i class=\"icons\"></i>\r\n \r\n </div>\r\n <p class=\"content-text vx-fs-15 vx-m-0 vx-text-center\" [innerHTML]=\"message\"></p>\r\n </div>\r\n <div class=\"alert-dialog-footer vx-d-flex vx-align-center vx-justify-between vx-p-3\">\r\n <p class=\"vx-fs-12 vx-paragraph-txt vx-m-0\">Are you sure you would like to proceed?</p>\r\n <div class=\"vx-d-flex vx-align-center\">\r\n <button class=\"no-btn vx-fs-11 vx-fw-500 vx-lable-txt vx-tt-uppercase vx-p-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"actionTaken(false)\">No</button>\r\n <button class=\"yes-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"actionTaken(true)\">Yes</button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.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/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.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\";.alert-dialog{position:fixed;inset:0;display:flex;justify-content:center;align-items:center}.alert-dialog-container{width:34.5rem;border-radius:.25rem;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) 50ms both}.alert-dialog-body{background:#fbfbfb;border-radius:.25rem .25rem 0 0;box-shadow:0 3px 20px #161b2f40;padding:2.5rem 1rem 1.5rem}.alert-dialog-body .content-text{color:#161b2f}.alert-dialog-icon{background:#fff;border:2px solid #DBDBDB;width:4rem;height:4rem;border-radius:50%;margin:0 auto 2rem}.alert-dialog-icon i{color:#1e5dd3;font-size:1.5rem}.alert-dialog-footer{background:#fff;border-top:1px solid #F1F1F1;border-radius:0 0 .25rem .25rem}.alert-dialog-footer button{border-radius:.125rem;border:none;height:2rem;width:5rem}.alert-dialog-footer button.no-btn{background:#fff}.alert-dialog-footer button.no-btn:hover{background:#f1f1f1}.alert-dialog-footer button.yes-btn{background:#1e5dd3;border:1px solid #1e5dd3}.alert-dialog-footer button.yes-btn:hover{background:#1146a8;border-color:#1146a8}.alert-dialog-footer button+button{margin-left:.25rem}@keyframes lift-up{0%{top:0}50%{top:-35px}to{top:0}}@keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}\n"] }]
|
|
35313
35313
|
}], ctorParameters: function () { return [{ type: DialogRef }]; }, propDecorators: { message: [{
|
|
35314
35314
|
type: Input
|
|
35315
35315
|
}], config: [{
|
|
@@ -39977,7 +39977,7 @@ class WorkflowPolicyComponent {
|
|
|
39977
39977
|
this.policyForm?.selectedGroupAssignee?.length > 0;
|
|
39978
39978
|
if (selected && hasPreselectedAssignees) {
|
|
39979
39979
|
// Show confirmation dialog before switching
|
|
39980
|
-
const ref = this.dialog.open(
|
|
39980
|
+
const ref = this.dialog.open(SelectAllAlertComponent, {
|
|
39981
39981
|
data: {
|
|
39982
39982
|
message: `This action will <span class="vx-fw-500">remove</span> the selected users from attestation and assign attestation to all users.`,
|
|
39983
39983
|
},
|
|
@@ -42079,6 +42079,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
42079
42079
|
type: Output
|
|
42080
42080
|
}] } });
|
|
42081
42081
|
|
|
42082
|
+
class ConfirmationAlertComponent {
|
|
42083
|
+
constructor() {
|
|
42084
|
+
this.message = '';
|
|
42085
|
+
this.config = { isVisible: false, isRedAlert: false };
|
|
42086
|
+
this.action = new EventEmitter();
|
|
42087
|
+
}
|
|
42088
|
+
ngOnInit() {
|
|
42089
|
+
}
|
|
42090
|
+
actionTaken(evt) {
|
|
42091
|
+
this.action.emit({ action: evt, payload: this.config });
|
|
42092
|
+
}
|
|
42093
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
42094
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ConfirmationAlertComponent, selector: "app-confirmation-alert", inputs: { message: "message", config: "config" }, outputs: { action: "action" }, ngImport: i0, template: "<!-- <p>confirmation-alert works!</p> -->\r\n<div class=\"confirmation-alert\" [class.warning-color]=\"config?.isRedAlert\">\r\n <div class=\"confirmation-alert-top\" >\r\n <span class=\"icon-block\">\r\n <i class=\"icons\"></i>\r\n </span>\r\n <p class=\"text\" *ngIf=\"message\">{{message}}</p>\r\n </div>\r\n <div class=\"confirmation-alert-bottom\">\r\n <p class=\"message\">Are you sure you would like to proceed?</p>\r\n <div class=\"button-group\">\r\n <ng-container *ngIf=\"false\">\r\n <button class=\"outline\" type=\"button\" (click)=\"actionTaken('NO')\">NO</button>\r\n <button class=\"fill\" type=\"button\" (click)=\"actionTaken('YES')\">Yes</button>\r\n </ng-container>\r\n <ng-container >\r\n <button class=\"fill\" type=\"button\" (click)=\"actionTaken('NO')\">NO</button>\r\n <button class=\"outline\" type=\"button\" (click)=\"actionTaken('YES')\">Yes</button>\r\n </ng-container>\r\n\r\n </div>\r\n </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";.confirmation-alert{display:block;position:absolute;z-index:1;right:0;bottom:0;left:0;background:#161b2f}.confirmation-alert-top{display:flex;align-items:center;justify-content:flex-start;padding:20px}.confirmation-alert.warning-color{background-color:#eb2424}.confirmation-alert.warning-color .confirmation-alert-bottom{border-top:1px solid #ffffff60;background-color:#eb2424}.confirmation-alert.warning-color .confirmation-alert-bottom button.fill{color:#eb2424}.confirmation-alert span.icon-block{height:36px;width:36px;border-radius:50%;background:#fff;border:1px solid #DCDCDC;display:flex;justify-content:center;align-items:center;margin-right:16px}.confirmation-alert span.icon-block i{color:#eb2424;font-size:12px}.confirmation-alert p.text{color:#fff;font-size:14px;font-weight:300;margin:0;width:calc(100% - 52px)}.confirmation-alert-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 20px;background:#282e48}.confirmation-alert-bottom .button-group{display:flex}.confirmation-alert-bottom p.message{font-size:14px;font-weight:500;margin:0;line-height:20px;color:#fff}.confirmation-alert button{height:24px;width:64px;border:1px solid #000;border-radius:2px;display:flex;align-items:center;justify-content:center;line-height:22px;cursor:pointer;font-size:11px;text-transform:uppercase;font-weight:500;padding:0}.confirmation-alert button+button{margin-left:4px}.confirmation-alert button.fill{background:#fff;color:#1e5dd3;border-color:#fff}.confirmation-alert button.outline{background:transparent;color:#fff;border-color:#fff}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
42095
|
+
}
|
|
42096
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationAlertComponent, decorators: [{
|
|
42097
|
+
type: Component,
|
|
42098
|
+
args: [{ selector: 'app-confirmation-alert', template: "<!-- <p>confirmation-alert works!</p> -->\r\n<div class=\"confirmation-alert\" [class.warning-color]=\"config?.isRedAlert\">\r\n <div class=\"confirmation-alert-top\" >\r\n <span class=\"icon-block\">\r\n <i class=\"icons\"></i>\r\n </span>\r\n <p class=\"text\" *ngIf=\"message\">{{message}}</p>\r\n </div>\r\n <div class=\"confirmation-alert-bottom\">\r\n <p class=\"message\">Are you sure you would like to proceed?</p>\r\n <div class=\"button-group\">\r\n <ng-container *ngIf=\"false\">\r\n <button class=\"outline\" type=\"button\" (click)=\"actionTaken('NO')\">NO</button>\r\n <button class=\"fill\" type=\"button\" (click)=\"actionTaken('YES')\">Yes</button>\r\n </ng-container>\r\n <ng-container >\r\n <button class=\"fill\" type=\"button\" (click)=\"actionTaken('NO')\">NO</button>\r\n <button class=\"outline\" type=\"button\" (click)=\"actionTaken('YES')\">Yes</button>\r\n </ng-container>\r\n\r\n </div>\r\n </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";.confirmation-alert{display:block;position:absolute;z-index:1;right:0;bottom:0;left:0;background:#161b2f}.confirmation-alert-top{display:flex;align-items:center;justify-content:flex-start;padding:20px}.confirmation-alert.warning-color{background-color:#eb2424}.confirmation-alert.warning-color .confirmation-alert-bottom{border-top:1px solid #ffffff60;background-color:#eb2424}.confirmation-alert.warning-color .confirmation-alert-bottom button.fill{color:#eb2424}.confirmation-alert span.icon-block{height:36px;width:36px;border-radius:50%;background:#fff;border:1px solid #DCDCDC;display:flex;justify-content:center;align-items:center;margin-right:16px}.confirmation-alert span.icon-block i{color:#eb2424;font-size:12px}.confirmation-alert p.text{color:#fff;font-size:14px;font-weight:300;margin:0;width:calc(100% - 52px)}.confirmation-alert-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 20px;background:#282e48}.confirmation-alert-bottom .button-group{display:flex}.confirmation-alert-bottom p.message{font-size:14px;font-weight:500;margin:0;line-height:20px;color:#fff}.confirmation-alert button{height:24px;width:64px;border:1px solid #000;border-radius:2px;display:flex;align-items:center;justify-content:center;line-height:22px;cursor:pointer;font-size:11px;text-transform:uppercase;font-weight:500;padding:0}.confirmation-alert button+button{margin-left:4px}.confirmation-alert button.fill{background:#fff;color:#1e5dd3;border-color:#fff}.confirmation-alert button.outline{background:transparent;color:#fff;border-color:#fff}\n"] }]
|
|
42099
|
+
}], ctorParameters: function () { return []; }, propDecorators: { message: [{
|
|
42100
|
+
type: Input
|
|
42101
|
+
}], config: [{
|
|
42102
|
+
type: Input
|
|
42103
|
+
}], action: [{
|
|
42104
|
+
type: Output
|
|
42105
|
+
}] } });
|
|
42106
|
+
|
|
42082
42107
|
class WorkflowSurveyFormComponent {
|
|
42083
42108
|
constructor() {
|
|
42084
42109
|
this.ASSETS = ASSETS;
|