vcomply-workflow-engine 7.0.3 → 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 +3 -3
- package/esm2022/lib/selectAll/selectAll.component.mjs +32 -0
- package/esm2022/lib/workflow-policy/workflow-policy.component.mjs +68 -36
- package/esm2022/lib/workflow-program/create-program-ui/user-group-list/user-group-list.component.mjs +3 -3
- package/fesm2022/vcomply-workflow-engine.mjs +70 -12
- package/fesm2022/vcomply-workflow-engine.mjs.map +1 -1
- package/lib/selectAll/selectAll.component.d.ts +15 -0
- package/lib/workflow-policy/workflow-policy.component.d.ts +4 -1
- package/package.json +1 -1
|
@@ -13,11 +13,11 @@ export class ConfirmationAlertComponent {
|
|
|
13
13
|
this.action.emit({ action: evt, payload: this.config });
|
|
14
14
|
}
|
|
15
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
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
|
|
16
|
+
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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
17
17
|
}
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationAlertComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
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
|
|
20
|
+
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"] }]
|
|
21
21
|
}], ctorParameters: function () { return []; }, propDecorators: { message: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], config: [{
|
|
@@ -25,4 +25,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
25
25
|
}], action: [{
|
|
26
26
|
type: Output
|
|
27
27
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybWF0aW9uLWFsZXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL2NvbmZpcm1hdGlvbi1hbGVydC9jb25maXJtYXRpb24tYWxlcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvY29uZmlybWF0aW9uLWFsZXJ0L2NvbmZpcm1hdGlvbi1hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRL0UsTUFBTSxPQUFPLDBCQUEwQjtJQUlyQztRQUhTLFlBQU8sR0FBRyxFQUFFLENBQUM7UUFDYixXQUFNLEdBQXNCLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFDLENBQUM7UUFDakUsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFDM0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUVELFdBQVcsQ0FBQyxHQUFRO1FBQ2xCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUMsTUFBTSxFQUFFLEdBQUcsRUFBRSxPQUFPLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBQyxDQUFDLENBQUM7SUFDeEQsQ0FBQzsrR0FYVSwwQkFBMEI7bUdBQTFCLDBCQUEwQiwrSUNSdkMsbWtDQXNCTTs7NEZEZE8sMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLHdCQUF3QjswRUFLekIsT0FBTztzQkFBZixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbmZpcm1hdGlvbkFsZXJ0IH0gZnJvbSAnLi4vaW50ZXJmYWNlcy9jb25maXJtYXRpb24tYWxlcnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtY29uZmlybWF0aW9uLWFsZXJ0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29uZmlybWF0aW9uLWFsZXJ0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jb25maXJtYXRpb24tYWxlcnQuY29tcG9uZW50Lmxlc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29uZmlybWF0aW9uQWxlcnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIG1lc3NhZ2UgPSAnJztcclxuICBASW5wdXQoKSBjb25maWc6IENvbmZpcm1hdGlvbkFsZXJ0ID0ge2lzVmlzaWJsZTogZmFsc2UsIGlzUmVkQWxlcnQ6IGZhbHNlfTtcclxuICBAT3V0cHV0KCkgYWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBhY3Rpb25UYWtlbihldnQ6IGFueSl7XHJcbiAgICB0aGlzLmFjdGlvbi5lbWl0KHthY3Rpb246IGV2dCwgcGF5bG9hZDogdGhpcy5jb25maWd9KTtcclxuICB9XHJcbn1cclxuIiwiPCEtLSA8cD5jb25maXJtYXRpb24tYWxlcnQgd29ya3MhPC9wPiAtLT5cclxuPGRpdiBjbGFzcz1cImNvbmZpcm1hdGlvbi1hbGVydFwiIFtjbGFzcy53YXJuaW5nLWNvbG9yXT1cImNvbmZpZz8uaXNSZWRBbGVydFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbmZpcm1hdGlvbi1hbGVydC10b3BcIiA+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJpY29uLWJsb2NrXCI+XHJcbiAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbnNcIj4mI3hlOTMwOzwvaT5cclxuICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0XCIgKm5nSWY9XCJtZXNzYWdlXCI+e3ttZXNzYWdlfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb25maXJtYXRpb24tYWxlcnQtYm90dG9tXCI+XHJcbiAgICAgICAgPHAgY2xhc3M9XCJtZXNzYWdlXCI+QXJlIHlvdSBzdXJlIHlvdSB3b3VsZCBsaWtlIHRvIHByb2NlZWQ/PC9wPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b24tZ3JvdXBcIj5cclxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJmYWxzZVwiPlxyXG4gICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwib3V0bGluZVwiIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwiYWN0aW9uVGFrZW4oJ05PJylcIj5OTzwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiZmlsbFwiIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwiYWN0aW9uVGFrZW4oJ1lFUycpXCI+WWVzPC9idXR0b24+XHJcbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgIDxuZy1jb250YWluZXIgPlxyXG4gICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiZmlsbFwiIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwiYWN0aW9uVGFrZW4oJ05PJylcIj5OTzwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwib3V0bGluZVwiIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwiYWN0aW9uVGFrZW4oJ1lFUycpXCI+WWVzPC9idXR0b24+XHJcbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "../ui-kit/dialog/dialog-ref";
|
|
4
|
+
export class SelectAllAlertComponent {
|
|
5
|
+
constructor(dialogRef) {
|
|
6
|
+
this.dialogRef = dialogRef;
|
|
7
|
+
this.message = '';
|
|
8
|
+
this.config = { isVisible: false, isRedAlert: false };
|
|
9
|
+
this.action = new EventEmitter();
|
|
10
|
+
}
|
|
11
|
+
ngOnInit() {
|
|
12
|
+
}
|
|
13
|
+
actionTaken(evt) {
|
|
14
|
+
// Emit the action event (for backward compatibility)
|
|
15
|
+
this.action.emit({ action: evt, payload: this.config });
|
|
16
|
+
// Close the dialog with true for YES, false for NO
|
|
17
|
+
this.dialogRef.close(evt);
|
|
18
|
+
}
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectAllAlertComponent, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
+
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"] }); }
|
|
21
|
+
}
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectAllAlertComponent, decorators: [{
|
|
23
|
+
type: Component,
|
|
24
|
+
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"] }]
|
|
25
|
+
}], ctorParameters: function () { return [{ type: i1.DialogRef }]; }, propDecorators: { message: [{
|
|
26
|
+
type: Input
|
|
27
|
+
}], config: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}], action: [{
|
|
30
|
+
type: Output
|
|
31
|
+
}] } });
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0QWxsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NlbGVjdEFsbC9zZWxlY3RBbGwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2VsZWN0QWxsL3NlbGVjdEFsbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTL0UsTUFBTSxPQUFPLHVCQUF1QjtJQUtsQyxZQUFvQixTQUFvQjtRQUFwQixjQUFTLEdBQVQsU0FBUyxDQUFXO1FBSi9CLFlBQU8sR0FBRyxFQUFFLENBQUM7UUFDYixXQUFNLEdBQXNCLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFDLENBQUM7UUFDakUsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFFQyxDQUFDO0lBRTdDLFFBQVE7SUFDUixDQUFDO0lBRUQsV0FBVyxDQUFDLEdBQVE7UUFDbEIscURBQXFEO1FBQ3JELElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUMsTUFBTSxFQUFFLEdBQUcsRUFBRSxPQUFPLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBQyxDQUFDLENBQUM7UUFFdEQsbURBQW1EO1FBQ25ELElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzVCLENBQUM7K0dBaEJVLHVCQUF1QjttR0FBdkIsdUJBQXVCLDZJQ1RwQyw4aUNBaUJROzs0RkRSSyx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0Usc0JBQXNCO2dHQUt2QixPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNJLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29uZmlybWF0aW9uQWxlcnQgfSBmcm9tICcuLi9pbnRlcmZhY2VzL2NvbmZpcm1hdGlvbi1hbGVydCc7XHJcbmltcG9ydCB7IERpYWxvZ1JlZiB9IGZyb20gJy4uL3VpLWtpdC9kaWFsb2cvZGlhbG9nLXJlZic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1zZWxlY3QtYWxsLWFsZXJ0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2VsZWN0QWxsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zZWxlY3RBbGwuY29tcG9uZW50Lmxlc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2VsZWN0QWxsQWxlcnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIG1lc3NhZ2UgPSAnJztcclxuICBASW5wdXQoKSBjb25maWc6IENvbmZpcm1hdGlvbkFsZXJ0ID0ge2lzVmlzaWJsZTogZmFsc2UsIGlzUmVkQWxlcnQ6IGZhbHNlfTtcclxuICBAT3V0cHV0KCkgYWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBkaWFsb2dSZWY6IERpYWxvZ1JlZikgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgYWN0aW9uVGFrZW4oZXZ0OiBhbnkpe1xyXG4gICAgLy8gRW1pdCB0aGUgYWN0aW9uIGV2ZW50IChmb3IgYmFja3dhcmQgY29tcGF0aWJpbGl0eSlcclxuICAgIHRoaXMuYWN0aW9uLmVtaXQoe2FjdGlvbjogZXZ0LCBwYXlsb2FkOiB0aGlzLmNvbmZpZ30pO1xyXG4gICAgXHJcbiAgICAvLyBDbG9zZSB0aGUgZGlhbG9nIHdpdGggdHJ1ZSBmb3IgWUVTLCBmYWxzZSBmb3IgTk9cclxuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKGV2dCk7XHJcbiAgfVxyXG59IiwiPGRpdiBjbGFzcz1cImFsZXJ0LWRpYWxvZ1wiPlxyXG4gICAgPGRpdiBjbGFzcz1cImFsZXJ0LWRpYWxvZy1jb250YWluZXJcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImFsZXJ0LWRpYWxvZy1ib2R5XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImFsZXJ0LWRpYWxvZy1pY29uIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIj5cclxuICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbnNcIj4mI3hlOTMyOzwvaT5cclxuICAgICAgICAgIFxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxwIGNsYXNzPVwiY29udGVudC10ZXh0IHZ4LWZzLTE1IHZ4LW0tMCB2eC10ZXh0LWNlbnRlclwiIFtpbm5lckhUTUxdPVwibWVzc2FnZVwiPjwvcD5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJhbGVydC1kaWFsb2ctZm9vdGVyIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1iZXR3ZWVuIHZ4LXAtM1wiPlxyXG4gICAgICAgIDxwIGNsYXNzPVwidngtZnMtMTIgdngtcGFyYWdyYXBoLXR4dCB2eC1tLTBcIj5BcmUgeW91IHN1cmUgeW91IHdvdWxkIGxpa2UgdG8gcHJvY2VlZD88L3A+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXJcIj5cclxuICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJuby1idG4gdngtZnMtMTEgdngtZnctNTAwIHZ4LWxhYmxlLXR4dCB2eC10dC11cHBlcmNhc2UgdngtcC0wIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIiAoY2xpY2spPVwiYWN0aW9uVGFrZW4oZmFsc2UpXCI+Tm88L2J1dHRvbj5cclxuICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJ5ZXMtYnRuIHZ4LWZzLTExIHZ4LWZ3LTUwMCB2eC10eHQtd2hpdGUgdngtdHQtdXBwZXJjYXNlIHZ4LXAtMCB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyXCIgKGNsaWNrKT1cImFjdGlvblRha2VuKHRydWUpXCI+WWVzPC9idXR0b24+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+Il19
|