vcomply-workflow-engine 2.6.126 → 2.6.127
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/bundles/vcomply-workflow-engine.umd.js +32 -2
- package/bundles/vcomply-workflow-engine.umd.js.map +1 -1
- package/esm2015/lib/sharedComponents/document-section/document-section.component.js +34 -4
- package/esm2015/lib/sharedComponents/document-section/document-section.component.ngfactory.js +13 -10
- package/esm2015/lib/sharedComponents/document-section/document-section.component.ngsummary.json +1 -1
- package/fesm2015/vcomply-workflow-engine.js +33 -3
- package/fesm2015/vcomply-workflow-engine.js.map +1 -1
- package/lib/sharedComponents/document-section/document-section.component.d.ts +5 -0
- package/package.json +1 -1
- package/vcomply-workflow-engine.metadata.json +1 -1
|
@@ -17399,6 +17399,10 @@
|
|
|
17399
17399
|
this.disconnectRefresh = new i0.EventEmitter();
|
|
17400
17400
|
this.editPolicy = new i0.EventEmitter();
|
|
17401
17401
|
this.baseURL = '';
|
|
17402
|
+
this.docxError = {
|
|
17403
|
+
visible: false,
|
|
17404
|
+
message: ''
|
|
17405
|
+
};
|
|
17402
17406
|
this.showPdfBlock = true;
|
|
17403
17407
|
this.showDocxBlock = true;
|
|
17404
17408
|
this.baseURL = platformLocation.location.origin;
|
|
@@ -17458,6 +17462,7 @@
|
|
|
17458
17462
|
};
|
|
17459
17463
|
DocumentSectionComponent.prototype.uploadDocxfile = function (event) {
|
|
17460
17464
|
var _this = this;
|
|
17465
|
+
this.resetDocsError();
|
|
17461
17466
|
this.showDocxBlock = false;
|
|
17462
17467
|
setTimeout(function () {
|
|
17463
17468
|
_this.showDocxBlock = true;
|
|
@@ -17466,15 +17471,40 @@
|
|
|
17466
17471
|
uploadData.append('file', event.file);
|
|
17467
17472
|
var path = 'o/' + this.organization_id + '/policy/';
|
|
17468
17473
|
this.policyService.uploadDocxFile(uploadData, this.policyId, path).subscribe(function (res) {
|
|
17474
|
+
var _a, _b;
|
|
17469
17475
|
if (res) {
|
|
17470
17476
|
_this.isUploading = false;
|
|
17477
|
+
if ((_a = res === null || res === void 0 ? void 0 : res.message) === null || _a === void 0 ? void 0 : _a.includes('done')) {
|
|
17478
|
+
_this.resetDocsError();
|
|
17479
|
+
}
|
|
17480
|
+
else {
|
|
17481
|
+
if ((_b = res.message) === null || _b === void 0 ? void 0 : _b.includes('RangeError')) {
|
|
17482
|
+
_this.docxError = {
|
|
17483
|
+
visible: true,
|
|
17484
|
+
message: 'The file size is too large and cannot be uploaded.'
|
|
17485
|
+
};
|
|
17486
|
+
}
|
|
17487
|
+
else {
|
|
17488
|
+
_this.docxError = {
|
|
17489
|
+
visible: true,
|
|
17490
|
+
message: 'Oops! An error occurred while uploading this file.'
|
|
17491
|
+
};
|
|
17492
|
+
}
|
|
17493
|
+
}
|
|
17471
17494
|
}
|
|
17472
17495
|
}, function (err) {
|
|
17473
17496
|
_this.isUploading = false;
|
|
17474
17497
|
_this.snackBar.show('Oops! Something went wrong and we were unable to complete this action. Let\'s give it another try, shall we?', 'alert');
|
|
17475
17498
|
});
|
|
17476
17499
|
};
|
|
17500
|
+
DocumentSectionComponent.prototype.resetDocsError = function () {
|
|
17501
|
+
this.docxError = {
|
|
17502
|
+
visible: false,
|
|
17503
|
+
message: ''
|
|
17504
|
+
};
|
|
17505
|
+
};
|
|
17477
17506
|
DocumentSectionComponent.prototype.changeDocType = function (event) {
|
|
17507
|
+
this.resetDocsError();
|
|
17478
17508
|
this.selectedDocumentType = event;
|
|
17479
17509
|
};
|
|
17480
17510
|
DocumentSectionComponent.prototype.editor = function (event) {
|
|
@@ -17515,8 +17545,8 @@
|
|
|
17515
17545
|
DocumentSectionComponent.decorators = [
|
|
17516
17546
|
{ type: i0.Component, args: [{
|
|
17517
17547
|
selector: 'lib-document-section',
|
|
17518
|
-
template: "<div class=\"document-section\">\r\n <div class=\"document-section-inner\">\r\n <div class=\"message-box\">\r\n <svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n x=\"0px\" y=\"0px\" viewBox=\"0 0 480.8 480.8\" style=\"enable-background:new 0 0 480.8 480.8;\"\r\n xml:space=\"preserve\">\r\n <path style=\"fill:#FFD517;\"\r\n d=\"M317.112,314.4c-22.4,22.4-19.6,67.6-19.6,67.6h-113.6c0,0,2.4-45.2-19.6-67.6\r\n c-24.4-21.6-40-52.8-40-87.6c0-64,52-116,116-116s116,52,116,116C356.312,261.6,341.112,292.8,317.112,314.4L317.112,314.4z\" />\r\n <g>\r\n <path style=\"fill:#E5E5E5;\" d=\"M300.712,417.6c0,6-4.8,10.8-10.8,10.8h-98.8c-6,0-10.8-4.8-10.8-10.8l0,0c0-6,4.8-10.8,10.8-10.8\r\n h98.4C295.512,406.8,300.712,411.6,300.712,417.6L300.712,417.6z\" />\r\n <path style=\"fill:#E5E5E5;\" d=\"M285.912,462.4c0,6-4.8,10.8-10.8,10.8h-69.2c-6,0-10.8-4.8-10.8-10.8l0,0c0-6,4.8-10.8,10.8-10.8\r\n h69.2C281.112,451.6,285.912,456.4,285.912,462.4L285.912,462.4z\" />\r\n </g>\r\n <g>\r\n <path style=\"fill:#210B20;\" d=\"M323.112,318.4c26-23.6,40.8-56.8,40.8-91.6c0-68-55.6-123.6-123.6-123.6s-123.6,55.6-123.6,123.6\r\n c0,35.6,15.6,69.6,42,92.8c19.6,19.6,17.6,61.2,17.6,61.6c0,2,0.8,4,2,5.6c1.6,1.6,3.6,2.4,5.6,2.4h113.2c2,0,4-0.8,5.6-2.4\r\n s2-3.6,2-5.6c0-0.4-2-42,17.6-61.6C322.712,319.2,323.112,318.8,323.112,318.4z M311.912,308.4c-0.8,0.4-1.2,1.2-1.6,2\r\n c-17.6,18.8-20.4,49.6-20.8,64h-98c-0.4-14.8-3.6-46.8-22.4-65.6c-23.6-20.8-37.2-50.4-37.2-81.6c0-60,48.8-108.4,108.4-108.4\r\n c60,0,108.4,48.8,108.4,108.4C348.712,258,335.512,288,311.912,308.4z\" />\r\n <path style=\"fill:#210B20;\"\r\n d=\"M240.312,135.2c-4,0-7.6,3.2-7.6,7.6c0,4,3.2,7.6,7.6,7.6c44.8,0,81.2,36.4,81.2,81.2\r\n c0,4,3.2,7.6,7.6,7.6c4,0,7.6-3.2,7.6-7.6C336.712,178.4,293.512,135.2,240.312,135.2z\" />\r\n <path style=\"fill:#210B20;\"\r\n d=\"M308.312,417.6c0-10.4-8.4-18.4-18.4-18.4h-98.8c-10.4,0-18.4,8.4-18.4,18.4\r\n c0,10.4,8.4,18.4,18.4,18.4h98.4C299.912,436,308.312,428,308.312,417.6z M289.512,420.8h-98.4c-2,0-3.2-1.6-3.2-3.2\r\n c0-2,1.6-3.2,3.2-3.2h98.4c2,0,3.2,1.6,3.2,3.2C293.112,419.6,291.512,420.8,289.512,420.8z\" />\r\n <path style=\"fill:#210B20;\"\r\n d=\"M275.112,444h-69.2c-10.4,0-18.4,8.4-18.4,18.4c0,10.4,8.4,18.4,18.4,18.4h69.2\r\n c10.4,0,18.4-8.4,18.4-18.4C293.512,452.4,285.112,444,275.112,444z M275.112,465.6h-69.2c-2,0-3.2-1.6-3.2-3.2\r\n c0-2,1.6-3.2,3.2-3.2h69.2c2,0,3.2,1.6,3.2,3.2C278.312,464.4,277.112,465.6,275.112,465.6z\" />\r\n <path style=\"fill:#210B20;\" d=\"M247.912,58.8V7.6c0-4-3.2-7.6-7.6-7.6c-4,0-7.6,3.2-7.6,7.6v51.6c0,4,3.2,7.6,7.6,7.6\r\n C244.712,66.4,247.912,63.2,247.912,58.8z\" />\r\n <path style=\"fill:#210B20;\" d=\"M366.312,38c-3.6-2.4-8-1.2-10.4,2l-28.4,42.8c-2.4,3.6-1.2,8,2,10.4c1.2,0.8,2.8,1.2,4,1.2\r\n c2.4,0,4.8-1.2,6.4-3.2l28.4-42.8C370.712,45.2,369.512,40.4,366.312,38z\" />\r\n <path style=\"fill:#210B20;\"\r\n d=\"M149.912,92.8c1.2,0,2.8-0.4,4-1.2c3.6-2.4,4.4-6.8,2.4-10.4l-27.6-43.2c-2.4-3.6-6.8-4.4-10.4-2.4\r\n c-3.6,2.4-4.4,6.8-2.4,10.4l27.6,43.2C145.112,91.6,147.512,92.8,149.912,92.8z\" />\r\n <path style=\"fill:#210B20;\"\r\n d=\"M43.912,128.8l45.2,24.4c1.2,0.8,2.4,0.8,3.6,0.8c2.8,0,5.2-1.6,6.8-4c2-3.6,0.8-8.4-3.2-10.4\r\n l-45.2-24.4c-3.6-2-8.4-0.8-10.4,3.2C39.112,122.4,40.312,126.8,43.912,128.8z\" />\r\n <path style=\"fill:#210B20;\"\r\n d=\"M387.912,154.4c1.2,0,2.4-0.4,3.6-0.8l45.2-24.4c3.6-2,5.2-6.4,3.2-10.4c-2-3.6-6.4-5.2-10.4-3.2\r\n l-45.2,24.4c-3.6,2-5.2,6.4-3.2,10.4C382.312,152.8,385.112,154.4,387.912,154.4z\" />\r\n </g>\r\n </svg>\r\n <p>There are multiple ways to create a policy on VComply. You can either draft it from scratch using\r\n VComply\u2019s online editor or upload an existing DOCX or PDF file.</p>\r\n </div>\r\n <label class=\"document-box\" [class.active]=\"selectedDocumentType=='draft'\">\r\n <input type=\"radio\" (change)=\"changeDocType('draft')\" [checked]=\"selectedDocumentType==='draft'\">\r\n <svg class=\"doc-svg\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 64 64\" style=\"enable-background:new 0 0 64 64;\" xml:space=\"preserve\">\r\n <style type=\"text/css\">\r\n .p1{fill:#F8F8F8;}\r\n .p2{fill:#747576;}\r\n .p3{fill:#BDBDBD;}\r\n .p4{fill:#DBDBDB;}\r\n .p5{fill:#1E5DD3;}\r\n .p6{fill:#FFFFFF;}\r\n </style>\r\n <path class=\"p1\" d=\"M52,16.2V58c0,1.1-0.9,2-2,2H14c-1.1,0-2-0.9-2-2V6c0-1.1,0.9-2,2-2h25.9\" />\r\n <image style=\"overflow:visible;\" width=\"1920\" height=\"1080\" xlink:href=\"94778146.jpg\" transform=\"matrix(1 0 0 1 -8160 -8160)\">\r\n </image>\r\n <path class=\"p2\" d=\"M52,12v12H12V6c0-1.1,0.9-2,2-2h30\" />\r\n <path class=\"p3\" d=\"M44,4v6.7c0,0.7,0.6,1.3,1.3,1.3H52\" />\r\n <g>\r\n <path class=\"p4\" d=\"M46.2,30.1H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,30.1,46.2,30.1z\" />\r\n </g>\r\n <g>\r\n <path class=\"p4\" d=\"M46.2,34.5H17.9c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1h28.3c0.6,0,1,0.4,1,1C47.2,34.1,46.8,34.5,46.2,34.5z\" />\r\n </g>\r\n <g>\r\n <path class=\"p4\" d=\"M46.2,39H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,39,46.2,39z\" />\r\n </g>\r\n <g>\r\n <path class=\"p4\" d=\"M46.2,43.4H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,43.4,46.2,43.4z\" />\r\n </g>\r\n <g>\r\n <path class=\"p4\" d=\"M46.2,47.8H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,47.8,46.2,47.8z\" />\r\n </g>\r\n <g>\r\n <path class=\"p4\" d=\"M46.2,52.2H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,52.2,46.2,52.2z\" />\r\n </g>\r\n <g>\r\n <path class=\"p4\" d=\"M46.2,56.6H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,56.6,46.2,56.6z\" />\r\n </g>\r\n <g>\r\n <path class=\"p6\" d=\"M24.6,16.9c-0.2,0.4-0.6,0.8-1,1s-1,0.4-1.6,0.4h-2v-5.6h2c0.6,0,1.1,0.1,1.6,0.3c0.4,0.2,0.8,0.6,1,1\r\n c0.2,0.4,0.4,0.9,0.4,1.5C24.9,16,24.8,16.5,24.6,16.9z M23.3,16.8c0.3-0.3,0.5-0.8,0.5-1.3c0-0.6-0.2-1-0.5-1.4\r\n c-0.3-0.3-0.8-0.5-1.4-0.5h-0.8v3.7h0.8C22.5,17.2,23,17.1,23.3,16.8z\" />\r\n <path class=\"p6\" d=\"M28.7,18.2L27.4,16h-0.5v2.2h-1.1v-5.6h2.2c0.7,0,1.2,0.2,1.5,0.5s0.5,0.7,0.5,1.3c0,0.4-0.1,0.8-0.4,1.1\r\n s-0.6,0.5-1,0.6l1.4,2.3H28.7z M26.9,15.3h0.9c0.6,0,1-0.3,1-0.9c0-0.3-0.1-0.5-0.2-0.6c-0.2-0.2-0.4-0.2-0.7-0.2h-0.9V15.3z\" />\r\n <path class=\"p6\" d=\"M34.1,17.1h-2.3l-0.4,1.1h-1.2l2.1-5.6h1.3l2.1,5.6h-1.2L34.1,17.1z M33.8,16.3L33,13.9l-0.8,2.4H33.8z\" />\r\n <path class=\"p6\" d=\"M39.8,12.6v0.9h-2.4V15h1.9v0.9h-1.9v2.4h-1.1v-5.6H39.8z\" />\r\n <path class=\"p6\" d=\"M44.4,12.6v0.9h-1.6v4.8h-1.1v-4.8h-1.6v-0.9H44.4z\" />\r\n </g>\r\n <path class=\"p5\" d=\"M32,33.1c-5.2,0-9.4,4.2-9.4,9.4s4.2,9.4,9.4,9.4s9.4-4.2,9.4-9.4C41.4,37.3,37.2,33.2,32,33.1z\" />\r\n <g>\r\n <path class=\"p6\" d=\"M36.1,40.8l-5.8,5.8L28,44.4l5.8-5.8c0.2-0.2,0.4-0.2,0.6,0l1.7,1.7C36.2,40.4,36.2,40.7,36.1,40.8z\" />\r\n <path class=\"p6\" d=\"M36.8,38c-0.5-0.5-1.3-0.5-1.7,0l-0.4,0.3c0,0,0.1,0,0.1,0.1l1.7,1.7c0,0,0,0.1,0.1,0.1l0.4-0.4\r\n c0.2-0.2,0.4-0.5,0.4-0.9C37.1,38.5,37,38.2,36.8,38L36.8,38z\" />\r\n <path class=\"p6\" d=\"M27.9,44.9l-1,2.6c-0.1,0.1,0,0.2,0.1,0.4c0.1,0.1,0.1,0.1,0.2,0.1c0.1,0,0.1,0,0.1,0l2.6-1L27.9,44.9z\" />\r\n <path class=\"p6\" d=\"M30.2,41.3c0.1,0,0.2-0.1,0.2-0.1l2.2-2.2c0.1-0.1,0.3-0.1,0.4-0.1l0.5-0.5c-0.4-0.3-0.9-0.3-1.3,0.1L30,40.7\r\n c-0.1,0.1-0.1,0.4,0,0.5C30,41.2,30,41.3,30.2,41.3L30.2,41.3z\" />\r\n </g>\r\n </svg>\r\n <div class=\"label-right\">\r\n <div class=\"value\"><strong>Create</strong> a Policy</div>\r\n <div class=\"check-circle\">\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n </div>\r\n </label>\r\n <label class=\"document-box\" *ngIf=\"showDocxBlock\" [class.active]=\"selectedDocumentType=='docx'\" >\r\n <input type=\"file\" accept=\".docx\" id=\"DOCfile\" \r\n (change)=\"handleFileInput($event.target.files)\" onclick=\"event.stopPropagation();\" #docxUploadButton>\r\n <svg class=\"doc-svg\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 64 64\" style=\"enable-background:new 0 0 64 64;\" xml:space=\"preserve\">\r\n <style type=\"text/css\">\r\n .d1{fill:#F8F8F8;}\r\n .d2{fill:#337DBE;}\r\n .d3{fill:#3C92DF;}\r\n .d4{fill:#DBDBDB;}\r\n .d5{fill:#F2BF19;}\r\n .d6{fill:#FAFAFA;}\r\n </style>\r\n <path class=\"d1\" d=\"M52,16.2V58c0,1.1-0.9,2-2,2H14c-1.1,0-2-0.9-2-2V6c0-1.1,0.9-2,2-2h25.9\" />\r\n <path class=\"d2\" d=\"M52,12v12H12V6c0-1.1,0.9-2,2-2h30\" />\r\n <path class=\"d3\" d=\"M44,4v6.7c0,0.7,0.6,1.3,1.3,1.3H52\" />\r\n <g>\r\n <path class=\"d4\" d=\"M46.2,30.1H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,30.1,46.2,30.1z\" />\r\n </g>\r\n <g>\r\n <path class=\"d4\" d=\"M46.2,34.5H17.9c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1h28.3c0.6,0,1,0.4,1,1C47.2,34.1,46.8,34.5,46.2,34.5z\" />\r\n </g>\r\n <g>\r\n <path class=\"d4\" d=\"M46.2,39H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,39,46.2,39z\" />\r\n </g>\r\n <g>\r\n <path class=\"d4\" d=\"M46.2,43.4H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,43.4,46.2,43.4z\" />\r\n </g>\r\n <g>\r\n <path class=\"d4\" d=\"M46.2,47.8H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,47.8,46.2,47.8z\" />\r\n </g>\r\n <g>\r\n <path class=\"d4\" d=\"M46.2,52.2H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,52.2,46.2,52.2z\" />\r\n </g>\r\n <g>\r\n <path class=\"d4\" d=\"M46.2,56.6H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,56.6,46.2,56.6z\" />\r\n </g>\r\n <g>\r\n <path class=\"d1\" d=\"M25.4,16.9c-0.2,0.4-0.6,0.8-1,1s-1,0.4-1.6,0.4h-2v-5.6h2c0.6,0,1.1,0.1,1.6,0.3c0.4,0.2,0.8,0.6,1,1\r\n c0.2,0.4,0.4,0.9,0.4,1.5C25.7,16,25.6,16.5,25.4,16.9z M24.1,16.8c0.3-0.3,0.5-0.8,0.5-1.3c0-0.6-0.2-1-0.5-1.4\r\n c-0.3-0.3-0.8-0.5-1.4-0.5h-0.8v3.7h0.8C23.3,17.2,23.8,17.1,24.1,16.8z\" />\r\n <path class=\"d1\" d=\"M30.7,12.9c0.4,0.2,0.8,0.6,1,1s0.4,0.9,0.4,1.5s-0.1,1.1-0.4,1.5c-0.2,0.4-0.6,0.8-1,1\r\n c-0.4,0.2-0.9,0.4-1.4,0.4c-0.5,0-1-0.1-1.4-0.4c-0.4-0.2-0.8-0.6-1-1c-0.2-0.4-0.4-0.9-0.4-1.5s0.1-1.1,0.4-1.5s0.6-0.8,1-1\r\n c0.4-0.2,0.9-0.4,1.4-0.4C29.8,12.5,30.2,12.6,30.7,12.9z M28.4,13.8c-0.3,0.1-0.4,0.4-0.6,0.6c-0.1,0.3-0.2,0.6-0.2,1\r\n c0,0.4,0.1,0.7,0.2,1c0.1,0.3,0.3,0.5,0.6,0.6c0.3,0.1,0.5,0.2,0.9,0.2c0.3,0,0.6-0.1,0.9-0.2c0.3-0.1,0.4-0.4,0.6-0.6\r\n c0.1-0.3,0.2-0.6,0.2-1c0-0.4-0.1-0.7-0.2-1c-0.1-0.3-0.3-0.5-0.6-0.6c-0.3-0.1-0.5-0.2-0.9-0.2C28.9,13.6,28.6,13.6,28.4,13.8z\" />\r\n <path class=\"d1\" d=\"M37.2,13.1c0.5,0.4,0.8,0.9,0.9,1.5H37c-0.1-0.3-0.3-0.5-0.6-0.7c-0.3-0.2-0.6-0.3-0.9-0.3\r\n c-0.3,0-0.6,0.1-0.8,0.2s-0.4,0.4-0.6,0.6c-0.1,0.3-0.2,0.6-0.2,1c0,0.4,0.1,0.7,0.2,1c0.1,0.3,0.3,0.5,0.6,0.6s0.5,0.2,0.8,0.2\r\n c0.4,0,0.7-0.1,0.9-0.3c0.3-0.2,0.4-0.4,0.6-0.7h1.2c-0.1,0.6-0.5,1.1-0.9,1.5c-0.5,0.4-1,0.5-1.8,0.5c-0.5,0-1-0.1-1.4-0.4\r\n c-0.4-0.2-0.7-0.6-1-1c-0.2-0.4-0.3-0.9-0.3-1.5c0-0.6,0.1-1.1,0.3-1.5c0.2-0.4,0.5-0.8,1-1c0.4-0.2,0.9-0.4,1.4-0.4\r\n C36.2,12.5,36.8,12.7,37.2,13.1z\" />\r\n <path class=\"d1\" d=\"M42.3,18.2L41,16.3l-1.1,1.9h-1.3l1.8-2.9l-1.8-2.8h1.3l1.2,1.9l1.1-1.9h1.3l-1.8,2.8l1.9,2.8H42.3z\" />\r\n </g>\r\n <path class=\"d5\" d=\"M32,33.1c-5.2,0-9.4,4.2-9.4,9.4s4.2,9.4,9.4,9.4s9.4-4.2,9.4-9.4C41.4,37.3,37.2,33.2,32,33.1z\" />\r\n <path class=\"d6\" d=\"M38,41.8l-5.7-5.7c-0.2-0.2-0.4-0.2-0.6,0L26,41.8c-0.1,0.1-0.1,0.2-0.1,0.3c0,0.2,0.2,0.4,0.4,0.4h2.9v6.1\r\n c0,0.2,0.2,0.4,0.4,0.4h4.9c0.2,0,0.4-0.2,0.4-0.4v-6.1h2.9c0.2,0,0.3-0.1,0.4-0.3C38.1,42.1,38.1,42,38,41.8z\" />\r\n </svg>\r\n <div class=\"label-right\">\r\n <div class=\"value\">\r\n <ng-container *ngIf=\"!(selectedDocumentType=='docx' && filename)\">Upload a <strong>DOCX</strong></ng-container>\r\n <ng-container *ngIf=\"(selectedDocumentType=='docx') && filename\">{{filename}}</ng-container>\r\n </div>\r\n <div class=\"check-circle\">\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n </div>\r\n <div class=\"line-progress\" *ngIf=\"selectedDocumentType=='docx' && isUploading\">\r\n <div class=\"line-progress-bar\"></div>\r\n </div>\r\n </label>\r\n <label class=\"document-box\" *ngIf=\"showPdfBlock\" [class.active]=\"selectedDocumentType=='pdf'\" >\r\n <input type=\"file\" accept=\".pdf\" id=\"PDFfile\" \r\n (change)=\"handleFileInput($event.target.files)\" onclick=\"event.stopPropagation();\" #pdfUploadButton>\r\n <svg class=\"doc-svg\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 64 64\" style=\"enable-background:new 0 0 64 64;\" xml:space=\"preserve\">\r\n <style type=\"text/css\">\r\n .pd1{fill:#F8F8F8;}\r\n .pd2{fill:#EE3939;}\r\n .pd3{fill:#F95858;}\r\n .pd4{fill:#DBDBDB;}\r\n .pd5{fill:#34AA44;}\r\n .pd6{fill:#FAFAFA;}\r\n </style>\r\n <path class=\"pd1\" d=\"M52,16.2V58c0,1.1-0.9,2-2,2H14c-1.1,0-2-0.9-2-2V6c0-1.1,0.9-2,2-2h25.9\" />\r\n <path class=\"pd2\" d=\"M52,12v12H12V6c0-1.1,0.9-2,2-2h30\" />\r\n <path class=\"pd3\" d=\"M44,4v6.7c0,0.7,0.6,1.3,1.3,1.3H52\" />\r\n <g>\r\n <path class=\"pd4\" d=\"M46.2,30.1H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,30.1,46.2,30.1z\" />\r\n </g>\r\n <g>\r\n <path class=\"pd4\" d=\"M46.2,34.5H17.9c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1h28.3c0.6,0,1,0.4,1,1C47.2,34.1,46.8,34.5,46.2,34.5z\" />\r\n </g>\r\n <g>\r\n <path class=\"pd4\" d=\"M46.2,39H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,39,46.2,39z\" />\r\n </g>\r\n <g>\r\n <path class=\"pd4\" d=\"M46.2,43.4H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,43.4,46.2,43.4z\" />\r\n </g>\r\n <g>\r\n <path class=\"pd4\" d=\"M46.2,47.8H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,47.8,46.2,47.8z\" />\r\n </g>\r\n <g>\r\n <path class=\"pd4\" d=\"M46.2,52.2H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,52.2,46.2,52.2z\" />\r\n </g>\r\n <g>\r\n <path class=\"pd4\" d=\"M46.2,56.6H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,56.6,46.2,56.6z\" />\r\n </g>\r\n <g>\r\n <path class=\"pd1\" d=\"M26.2,16.2v2.1h-1.1v-5.6h2.1c0.7,0,1.2,0.2,1.5,0.5c0.3,0.3,0.5,0.8,0.5,1.3c0,0.5-0.2,1-0.5,1.3\r\n c-0.3,0.3-0.8,0.5-1.5,0.5H26.2z M28,14.4c0-0.3-0.1-0.5-0.2-0.6c-0.2-0.1-0.4-0.2-0.8-0.2h-0.8v1.7H27C27.7,15.2,28,15,28,14.4z\" />\r\n <path class=\"pd1\" d=\"M34.5,16.9c-0.2,0.4-0.6,0.8-1,1s-1,0.4-1.6,0.4h-2v-5.6h2c0.6,0,1.1,0.1,1.6,0.3c0.4,0.2,0.8,0.6,1,1\r\n c0.2,0.4,0.4,0.9,0.4,1.5C34.8,16,34.7,16.5,34.5,16.9z M33.2,16.8c0.3-0.3,0.5-0.8,0.5-1.3c0-0.6-0.2-1-0.5-1.4\r\n c-0.3-0.3-0.8-0.5-1.4-0.5H31v3.7h0.8C32.4,17.2,32.9,17.1,33.2,16.8z\" />\r\n <path class=\"pd1\" d=\"M39.2,12.6v0.9h-2.4V15h1.9v0.9h-1.9v2.4h-1.1v-5.6H39.2z\" />\r\n </g>\r\n <path class=\"pd5\" d=\"M32,33.1c-5.2,0-9.4,4.2-9.4,9.4s4.2,9.4,9.4,9.4s9.4-4.2,9.4-9.4C41.4,37.3,37.2,33.2,32,33.1z\" />\r\n <path class=\"pd6\" d=\"M38,41.8l-5.7-5.7c-0.2-0.2-0.4-0.2-0.6,0L26,41.8c-0.1,0.1-0.1,0.2-0.1,0.3c0,0.2,0.2,0.4,0.4,0.4h2.9v6.1\r\n c0,0.2,0.2,0.4,0.4,0.4h4.9c0.2,0,0.4-0.2,0.4-0.4v-6.1h2.9c0.2,0,0.3-0.1,0.4-0.3C38.1,42.1,38.1,42,38,41.8z\" />\r\n </svg>\r\n <div class=\"label-right\">\r\n <div class=\"value\">\r\n <ng-container *ngIf=\"!(selectedDocumentType=='pdf' && filename)\">Upload a <strong>PDF</strong></ng-container>\r\n <ng-container *ngIf=\"(selectedDocumentType=='pdf') && filename\">{{filename}}</ng-container>\r\n </div>\r\n <div class=\"check-circle\">\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n </div>\r\n <div class=\"line-progress\" *ngIf=\"selectedDocumentType=='pdf' && isUploading\">\r\n <div class=\"line-progress-bar\"></div>\r\n </div>\r\n </label>\r\n </div>\r\n</div>\r\n<div class=\"bottom-button\">\r\n <button type=\"button\" (click)=\"editPolicyEmit()\" class=\"back\"><i class=\"icons\"></i> Back</button>\r\n <button type=\"button\" (click)=\"editor(selectedDocumentType)\" class=\"next\" [class.disabled]=\"!selectedDocumentType\">Next <i class=\"icons\"></i></button>\r\n</div>",
|
|
17519
|
-
styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");::ng-deep .document-section{display:flex;align-items:center;height:calc(100vh - 50px);position:absolute;top:0;right:0;background:#fff;z-index:10;padding:50px;width:100%}::ng-deep .document-section-inner .message-box{background:#fbfbfb;border-radius:4px;border:1px solid #f1f1f1;padding:16px 8px 12px 16px;margin-bottom:20px;display:flex;align-items:flex-start}::ng-deep .document-section-inner .message-box svg{background:#fff;width:33px;min-width:33px;border-radius:4px;box-shadow:0 3px 6px #1e5dd333;margin-right:12px;padding:4px}::ng-deep .document-section-inner .message-box p{font-size:12px;font-weight:500;color:#747576;margin:0}::ng-deep .document-section-inner .document-box{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border:1px solid #dbdbdb;border-radius:4px;width:100%;background:transparent;height:100px;margin-bottom:8px}::ng-deep .document-section-inner .document-box input{width:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;z-index:1;opacity:0;height:100%;pointer-events:none}::ng-deep .document-section-inner .document-box svg.doc-svg{width:82px}::ng-deep .document-section-inner .document-box .label-right{width:calc(100% - 82px);display:flex;align-items:center;justify-content:center;position:relative}::ng-deep .document-section-inner .document-box .label-right .value{font-size:16px;line-height:24px;color:#747576;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word;width:250px;margin-right:35px;text-align:center}::ng-deep .document-section-inner .document-box .label-right .value strong{font-weight:500}::ng-deep .document-section-inner .document-box .label-right .check-circle{display:none;width:32px;height:32px;position:absolute;right:14px;top:-3px}::ng-deep .document-section-inner .document-box .label-right .check-circle .checkIcon{width:32px;height:32px;background:#fff;border-radius:50%;stroke-width:4;stroke:#34aa44;stroke-miterlimit:10;box-shadow:inset 0 0 0 #34aa44;-webkit-animation:fillCheck .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;animation:fillCheck .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;margin-right:10px;position:static}::ng-deep .document-section-inner .document-box .label-right .check-circle .checkIcon__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;-webkit-animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards}::ng-deep .document-section-inner .document-box .label-right .check-circle .checkIcon__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;-webkit-animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards;animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards}::ng-deep .document-section-inner .document-box.active{background:#eefcf0;border:1px solid #34aa44}::ng-deep .document-section-inner .document-box.active .label-right .check-circle{display:block}.bottom-button{background:#fff;position:absolute;bottom:0;right:0;z-index:10}.bottom-button,.bottom-button button{display:flex;align-items:center;width:100%}.bottom-button button{background:#1e5dd3;border:none;border-radius:0;color:#fff;font-size:13px;font-weight:600;text-transform:uppercase;padding:0;position:relative;margin:0!important;height:50px;justify-content:center;line-height:19px;letter-spacing:3.08px;outline:none}.bottom-button button i{position:absolute;top:16px;font-size:18px;font-weight:500}.bottom-button button.next i{right:16px}.bottom-button button.disabled{pointer-events:none!important;opacity:.3!important;filter:grayscale(1)!important}.bottom-button button.back{background:#f1f1f1;color:#1e5dd3}.bottom-button button.back i{left:16px}.line-progress{position:absolute;left:0;top:0;height:2px;display:block;width:100%;background-color:#d4e2fc;background-clip:padding-box;overflow:hidden}.line-progress-bar{bottom:0;width:40%;background:#34aa44;border-radius:5px;display:inline-block;position:absolute;-webkit-animation:linear infinite;animation:linear infinite;-webkit-animation-name:run;animation-name:run;-webkit-animation-duration:1s;animation-duration:1s;top:0}@-webkit-keyframes strokeCheck{to{stroke-dashoffset:0}}@keyframes strokeCheck{to{stroke-dashoffset:0}}@-webkit-keyframes fillCheck{to{box-shadow:inset 0 0 0 2px #34aa44}}@keyframes fillCheck{to{box-shadow:inset 0 0 0 2px #34aa44}}@keyframes run{0%{left:0}50%{left:60%}to{left:0}}@-webkit-keyframes run{0%{left:0}50%{left:60%}to{left:0}}"]
|
|
17548
|
+
template: "<div class=\"document-section\">\r\n <div class=\"document-section-inner\">\r\n <div class=\"message-box\">\r\n <svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n x=\"0px\" y=\"0px\" viewBox=\"0 0 480.8 480.8\" style=\"enable-background:new 0 0 480.8 480.8;\"\r\n xml:space=\"preserve\">\r\n <path style=\"fill:#FFD517;\"\r\n d=\"M317.112,314.4c-22.4,22.4-19.6,67.6-19.6,67.6h-113.6c0,0,2.4-45.2-19.6-67.6\r\n c-24.4-21.6-40-52.8-40-87.6c0-64,52-116,116-116s116,52,116,116C356.312,261.6,341.112,292.8,317.112,314.4L317.112,314.4z\" />\r\n <g>\r\n <path style=\"fill:#E5E5E5;\" d=\"M300.712,417.6c0,6-4.8,10.8-10.8,10.8h-98.8c-6,0-10.8-4.8-10.8-10.8l0,0c0-6,4.8-10.8,10.8-10.8\r\n h98.4C295.512,406.8,300.712,411.6,300.712,417.6L300.712,417.6z\" />\r\n <path style=\"fill:#E5E5E5;\" d=\"M285.912,462.4c0,6-4.8,10.8-10.8,10.8h-69.2c-6,0-10.8-4.8-10.8-10.8l0,0c0-6,4.8-10.8,10.8-10.8\r\n h69.2C281.112,451.6,285.912,456.4,285.912,462.4L285.912,462.4z\" />\r\n </g>\r\n <g>\r\n <path style=\"fill:#210B20;\" d=\"M323.112,318.4c26-23.6,40.8-56.8,40.8-91.6c0-68-55.6-123.6-123.6-123.6s-123.6,55.6-123.6,123.6\r\n c0,35.6,15.6,69.6,42,92.8c19.6,19.6,17.6,61.2,17.6,61.6c0,2,0.8,4,2,5.6c1.6,1.6,3.6,2.4,5.6,2.4h113.2c2,0,4-0.8,5.6-2.4\r\n s2-3.6,2-5.6c0-0.4-2-42,17.6-61.6C322.712,319.2,323.112,318.8,323.112,318.4z M311.912,308.4c-0.8,0.4-1.2,1.2-1.6,2\r\n c-17.6,18.8-20.4,49.6-20.8,64h-98c-0.4-14.8-3.6-46.8-22.4-65.6c-23.6-20.8-37.2-50.4-37.2-81.6c0-60,48.8-108.4,108.4-108.4\r\n c60,0,108.4,48.8,108.4,108.4C348.712,258,335.512,288,311.912,308.4z\" />\r\n <path style=\"fill:#210B20;\"\r\n d=\"M240.312,135.2c-4,0-7.6,3.2-7.6,7.6c0,4,3.2,7.6,7.6,7.6c44.8,0,81.2,36.4,81.2,81.2\r\n c0,4,3.2,7.6,7.6,7.6c4,0,7.6-3.2,7.6-7.6C336.712,178.4,293.512,135.2,240.312,135.2z\" />\r\n <path style=\"fill:#210B20;\"\r\n d=\"M308.312,417.6c0-10.4-8.4-18.4-18.4-18.4h-98.8c-10.4,0-18.4,8.4-18.4,18.4\r\n c0,10.4,8.4,18.4,18.4,18.4h98.4C299.912,436,308.312,428,308.312,417.6z M289.512,420.8h-98.4c-2,0-3.2-1.6-3.2-3.2\r\n c0-2,1.6-3.2,3.2-3.2h98.4c2,0,3.2,1.6,3.2,3.2C293.112,419.6,291.512,420.8,289.512,420.8z\" />\r\n <path style=\"fill:#210B20;\"\r\n d=\"M275.112,444h-69.2c-10.4,0-18.4,8.4-18.4,18.4c0,10.4,8.4,18.4,18.4,18.4h69.2\r\n c10.4,0,18.4-8.4,18.4-18.4C293.512,452.4,285.112,444,275.112,444z M275.112,465.6h-69.2c-2,0-3.2-1.6-3.2-3.2\r\n c0-2,1.6-3.2,3.2-3.2h69.2c2,0,3.2,1.6,3.2,3.2C278.312,464.4,277.112,465.6,275.112,465.6z\" />\r\n <path style=\"fill:#210B20;\" d=\"M247.912,58.8V7.6c0-4-3.2-7.6-7.6-7.6c-4,0-7.6,3.2-7.6,7.6v51.6c0,4,3.2,7.6,7.6,7.6\r\n C244.712,66.4,247.912,63.2,247.912,58.8z\" />\r\n <path style=\"fill:#210B20;\" d=\"M366.312,38c-3.6-2.4-8-1.2-10.4,2l-28.4,42.8c-2.4,3.6-1.2,8,2,10.4c1.2,0.8,2.8,1.2,4,1.2\r\n c2.4,0,4.8-1.2,6.4-3.2l28.4-42.8C370.712,45.2,369.512,40.4,366.312,38z\" />\r\n <path style=\"fill:#210B20;\"\r\n d=\"M149.912,92.8c1.2,0,2.8-0.4,4-1.2c3.6-2.4,4.4-6.8,2.4-10.4l-27.6-43.2c-2.4-3.6-6.8-4.4-10.4-2.4\r\n c-3.6,2.4-4.4,6.8-2.4,10.4l27.6,43.2C145.112,91.6,147.512,92.8,149.912,92.8z\" />\r\n <path style=\"fill:#210B20;\"\r\n d=\"M43.912,128.8l45.2,24.4c1.2,0.8,2.4,0.8,3.6,0.8c2.8,0,5.2-1.6,6.8-4c2-3.6,0.8-8.4-3.2-10.4\r\n l-45.2-24.4c-3.6-2-8.4-0.8-10.4,3.2C39.112,122.4,40.312,126.8,43.912,128.8z\" />\r\n <path style=\"fill:#210B20;\"\r\n d=\"M387.912,154.4c1.2,0,2.4-0.4,3.6-0.8l45.2-24.4c3.6-2,5.2-6.4,3.2-10.4c-2-3.6-6.4-5.2-10.4-3.2\r\n l-45.2,24.4c-3.6,2-5.2,6.4-3.2,10.4C382.312,152.8,385.112,154.4,387.912,154.4z\" />\r\n </g>\r\n </svg>\r\n <p>There are multiple ways to create a policy on VComply. You can either draft it from scratch using\r\n VComply\u2019s online editor or upload an existing DOCX or PDF file.</p>\r\n </div>\r\n <label class=\"document-box\" [class.active]=\"selectedDocumentType=='draft'\">\r\n <input type=\"radio\" (change)=\"changeDocType('draft')\" [checked]=\"selectedDocumentType==='draft'\">\r\n <svg class=\"doc-svg\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 64 64\" style=\"enable-background:new 0 0 64 64;\" xml:space=\"preserve\">\r\n <style type=\"text/css\">\r\n .p1{fill:#F8F8F8;}\r\n .p2{fill:#747576;}\r\n .p3{fill:#BDBDBD;}\r\n .p4{fill:#DBDBDB;}\r\n .p5{fill:#1E5DD3;}\r\n .p6{fill:#FFFFFF;}\r\n </style>\r\n <path class=\"p1\" d=\"M52,16.2V58c0,1.1-0.9,2-2,2H14c-1.1,0-2-0.9-2-2V6c0-1.1,0.9-2,2-2h25.9\" />\r\n <image style=\"overflow:visible;\" width=\"1920\" height=\"1080\" xlink:href=\"94778146.jpg\" transform=\"matrix(1 0 0 1 -8160 -8160)\">\r\n </image>\r\n <path class=\"p2\" d=\"M52,12v12H12V6c0-1.1,0.9-2,2-2h30\" />\r\n <path class=\"p3\" d=\"M44,4v6.7c0,0.7,0.6,1.3,1.3,1.3H52\" />\r\n <g>\r\n <path class=\"p4\" d=\"M46.2,30.1H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,30.1,46.2,30.1z\" />\r\n </g>\r\n <g>\r\n <path class=\"p4\" d=\"M46.2,34.5H17.9c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1h28.3c0.6,0,1,0.4,1,1C47.2,34.1,46.8,34.5,46.2,34.5z\" />\r\n </g>\r\n <g>\r\n <path class=\"p4\" d=\"M46.2,39H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,39,46.2,39z\" />\r\n </g>\r\n <g>\r\n <path class=\"p4\" d=\"M46.2,43.4H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,43.4,46.2,43.4z\" />\r\n </g>\r\n <g>\r\n <path class=\"p4\" d=\"M46.2,47.8H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,47.8,46.2,47.8z\" />\r\n </g>\r\n <g>\r\n <path class=\"p4\" d=\"M46.2,52.2H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,52.2,46.2,52.2z\" />\r\n </g>\r\n <g>\r\n <path class=\"p4\" d=\"M46.2,56.6H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,56.6,46.2,56.6z\" />\r\n </g>\r\n <g>\r\n <path class=\"p6\" d=\"M24.6,16.9c-0.2,0.4-0.6,0.8-1,1s-1,0.4-1.6,0.4h-2v-5.6h2c0.6,0,1.1,0.1,1.6,0.3c0.4,0.2,0.8,0.6,1,1\r\n c0.2,0.4,0.4,0.9,0.4,1.5C24.9,16,24.8,16.5,24.6,16.9z M23.3,16.8c0.3-0.3,0.5-0.8,0.5-1.3c0-0.6-0.2-1-0.5-1.4\r\n c-0.3-0.3-0.8-0.5-1.4-0.5h-0.8v3.7h0.8C22.5,17.2,23,17.1,23.3,16.8z\" />\r\n <path class=\"p6\" d=\"M28.7,18.2L27.4,16h-0.5v2.2h-1.1v-5.6h2.2c0.7,0,1.2,0.2,1.5,0.5s0.5,0.7,0.5,1.3c0,0.4-0.1,0.8-0.4,1.1\r\n s-0.6,0.5-1,0.6l1.4,2.3H28.7z M26.9,15.3h0.9c0.6,0,1-0.3,1-0.9c0-0.3-0.1-0.5-0.2-0.6c-0.2-0.2-0.4-0.2-0.7-0.2h-0.9V15.3z\" />\r\n <path class=\"p6\" d=\"M34.1,17.1h-2.3l-0.4,1.1h-1.2l2.1-5.6h1.3l2.1,5.6h-1.2L34.1,17.1z M33.8,16.3L33,13.9l-0.8,2.4H33.8z\" />\r\n <path class=\"p6\" d=\"M39.8,12.6v0.9h-2.4V15h1.9v0.9h-1.9v2.4h-1.1v-5.6H39.8z\" />\r\n <path class=\"p6\" d=\"M44.4,12.6v0.9h-1.6v4.8h-1.1v-4.8h-1.6v-0.9H44.4z\" />\r\n </g>\r\n <path class=\"p5\" d=\"M32,33.1c-5.2,0-9.4,4.2-9.4,9.4s4.2,9.4,9.4,9.4s9.4-4.2,9.4-9.4C41.4,37.3,37.2,33.2,32,33.1z\" />\r\n <g>\r\n <path class=\"p6\" d=\"M36.1,40.8l-5.8,5.8L28,44.4l5.8-5.8c0.2-0.2,0.4-0.2,0.6,0l1.7,1.7C36.2,40.4,36.2,40.7,36.1,40.8z\" />\r\n <path class=\"p6\" d=\"M36.8,38c-0.5-0.5-1.3-0.5-1.7,0l-0.4,0.3c0,0,0.1,0,0.1,0.1l1.7,1.7c0,0,0,0.1,0.1,0.1l0.4-0.4\r\n c0.2-0.2,0.4-0.5,0.4-0.9C37.1,38.5,37,38.2,36.8,38L36.8,38z\" />\r\n <path class=\"p6\" d=\"M27.9,44.9l-1,2.6c-0.1,0.1,0,0.2,0.1,0.4c0.1,0.1,0.1,0.1,0.2,0.1c0.1,0,0.1,0,0.1,0l2.6-1L27.9,44.9z\" />\r\n <path class=\"p6\" d=\"M30.2,41.3c0.1,0,0.2-0.1,0.2-0.1l2.2-2.2c0.1-0.1,0.3-0.1,0.4-0.1l0.5-0.5c-0.4-0.3-0.9-0.3-1.3,0.1L30,40.7\r\n c-0.1,0.1-0.1,0.4,0,0.5C30,41.2,30,41.3,30.2,41.3L30.2,41.3z\" />\r\n </g>\r\n </svg>\r\n <div class=\"label-right\">\r\n <div class=\"value\"><strong>Create</strong> a Policy</div>\r\n <div class=\"check-circle\">\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n </div>\r\n </label>\r\n <label class=\"document-box\" *ngIf=\"showDocxBlock\" [class.active]=\"selectedDocumentType=='docx' && !docxError?.visible\" [class.error]=\"docxError?.visible\">\r\n <input type=\"file\" accept=\".docx\" id=\"DOCfile\" \r\n (change)=\"handleFileInput($event.target.files)\" onclick=\"event.stopPropagation();\" #docxUploadButton>\r\n <svg class=\"doc-svg\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 64 64\" style=\"enable-background:new 0 0 64 64;\" xml:space=\"preserve\">\r\n <style type=\"text/css\">\r\n .d1{fill:#F8F8F8;}\r\n .d2{fill:#337DBE;}\r\n .d3{fill:#3C92DF;}\r\n .d4{fill:#DBDBDB;}\r\n .d5{fill:#F2BF19;}\r\n .d6{fill:#FAFAFA;}\r\n </style>\r\n <path class=\"d1\" d=\"M52,16.2V58c0,1.1-0.9,2-2,2H14c-1.1,0-2-0.9-2-2V6c0-1.1,0.9-2,2-2h25.9\" />\r\n <path class=\"d2\" d=\"M52,12v12H12V6c0-1.1,0.9-2,2-2h30\" />\r\n <path class=\"d3\" d=\"M44,4v6.7c0,0.7,0.6,1.3,1.3,1.3H52\" />\r\n <g>\r\n <path class=\"d4\" d=\"M46.2,30.1H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,30.1,46.2,30.1z\" />\r\n </g>\r\n <g>\r\n <path class=\"d4\" d=\"M46.2,34.5H17.9c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1h28.3c0.6,0,1,0.4,1,1C47.2,34.1,46.8,34.5,46.2,34.5z\" />\r\n </g>\r\n <g>\r\n <path class=\"d4\" d=\"M46.2,39H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,39,46.2,39z\" />\r\n </g>\r\n <g>\r\n <path class=\"d4\" d=\"M46.2,43.4H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,43.4,46.2,43.4z\" />\r\n </g>\r\n <g>\r\n <path class=\"d4\" d=\"M46.2,47.8H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,47.8,46.2,47.8z\" />\r\n </g>\r\n <g>\r\n <path class=\"d4\" d=\"M46.2,52.2H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,52.2,46.2,52.2z\" />\r\n </g>\r\n <g>\r\n <path class=\"d4\" d=\"M46.2,56.6H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,56.6,46.2,56.6z\" />\r\n </g>\r\n <g>\r\n <path class=\"d1\" d=\"M25.4,16.9c-0.2,0.4-0.6,0.8-1,1s-1,0.4-1.6,0.4h-2v-5.6h2c0.6,0,1.1,0.1,1.6,0.3c0.4,0.2,0.8,0.6,1,1\r\n c0.2,0.4,0.4,0.9,0.4,1.5C25.7,16,25.6,16.5,25.4,16.9z M24.1,16.8c0.3-0.3,0.5-0.8,0.5-1.3c0-0.6-0.2-1-0.5-1.4\r\n c-0.3-0.3-0.8-0.5-1.4-0.5h-0.8v3.7h0.8C23.3,17.2,23.8,17.1,24.1,16.8z\" />\r\n <path class=\"d1\" d=\"M30.7,12.9c0.4,0.2,0.8,0.6,1,1s0.4,0.9,0.4,1.5s-0.1,1.1-0.4,1.5c-0.2,0.4-0.6,0.8-1,1\r\n c-0.4,0.2-0.9,0.4-1.4,0.4c-0.5,0-1-0.1-1.4-0.4c-0.4-0.2-0.8-0.6-1-1c-0.2-0.4-0.4-0.9-0.4-1.5s0.1-1.1,0.4-1.5s0.6-0.8,1-1\r\n c0.4-0.2,0.9-0.4,1.4-0.4C29.8,12.5,30.2,12.6,30.7,12.9z M28.4,13.8c-0.3,0.1-0.4,0.4-0.6,0.6c-0.1,0.3-0.2,0.6-0.2,1\r\n c0,0.4,0.1,0.7,0.2,1c0.1,0.3,0.3,0.5,0.6,0.6c0.3,0.1,0.5,0.2,0.9,0.2c0.3,0,0.6-0.1,0.9-0.2c0.3-0.1,0.4-0.4,0.6-0.6\r\n c0.1-0.3,0.2-0.6,0.2-1c0-0.4-0.1-0.7-0.2-1c-0.1-0.3-0.3-0.5-0.6-0.6c-0.3-0.1-0.5-0.2-0.9-0.2C28.9,13.6,28.6,13.6,28.4,13.8z\" />\r\n <path class=\"d1\" d=\"M37.2,13.1c0.5,0.4,0.8,0.9,0.9,1.5H37c-0.1-0.3-0.3-0.5-0.6-0.7c-0.3-0.2-0.6-0.3-0.9-0.3\r\n c-0.3,0-0.6,0.1-0.8,0.2s-0.4,0.4-0.6,0.6c-0.1,0.3-0.2,0.6-0.2,1c0,0.4,0.1,0.7,0.2,1c0.1,0.3,0.3,0.5,0.6,0.6s0.5,0.2,0.8,0.2\r\n c0.4,0,0.7-0.1,0.9-0.3c0.3-0.2,0.4-0.4,0.6-0.7h1.2c-0.1,0.6-0.5,1.1-0.9,1.5c-0.5,0.4-1,0.5-1.8,0.5c-0.5,0-1-0.1-1.4-0.4\r\n c-0.4-0.2-0.7-0.6-1-1c-0.2-0.4-0.3-0.9-0.3-1.5c0-0.6,0.1-1.1,0.3-1.5c0.2-0.4,0.5-0.8,1-1c0.4-0.2,0.9-0.4,1.4-0.4\r\n C36.2,12.5,36.8,12.7,37.2,13.1z\" />\r\n <path class=\"d1\" d=\"M42.3,18.2L41,16.3l-1.1,1.9h-1.3l1.8-2.9l-1.8-2.8h1.3l1.2,1.9l1.1-1.9h1.3l-1.8,2.8l1.9,2.8H42.3z\" />\r\n </g>\r\n <path class=\"d5\" d=\"M32,33.1c-5.2,0-9.4,4.2-9.4,9.4s4.2,9.4,9.4,9.4s9.4-4.2,9.4-9.4C41.4,37.3,37.2,33.2,32,33.1z\" />\r\n <path class=\"d6\" d=\"M38,41.8l-5.7-5.7c-0.2-0.2-0.4-0.2-0.6,0L26,41.8c-0.1,0.1-0.1,0.2-0.1,0.3c0,0.2,0.2,0.4,0.4,0.4h2.9v6.1\r\n c0,0.2,0.2,0.4,0.4,0.4h4.9c0.2,0,0.4-0.2,0.4-0.4v-6.1h2.9c0.2,0,0.3-0.1,0.4-0.3C38.1,42.1,38.1,42,38,41.8z\" />\r\n </svg>\r\n <div class=\"label-right\">\r\n <div class=\"value\">\r\n <ng-container *ngIf=\"!(selectedDocumentType=='docx' && filename)\">Upload a <strong>DOCX</strong></ng-container>\r\n <ng-container *ngIf=\"(selectedDocumentType=='docx') && filename\">{{filename}}</ng-container>\r\n </div>\r\n <div class=\"error-msg-text\" *ngIf=\"docxError?.visible\">{{docxError?.message}}</div>\r\n <div class=\"check-circle\" *ngIf=\"!docxError?.visible\">\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <i class=\"icons error-icon\" *ngIf=\"docxError?.visible\"></i>\r\n </div>\r\n <div class=\"line-progress\" *ngIf=\"selectedDocumentType=='docx' && isUploading\">\r\n <div class=\"line-progress-bar\"></div>\r\n </div>\r\n </label>\r\n <label class=\"document-box\" *ngIf=\"showPdfBlock\" [class.active]=\"selectedDocumentType=='pdf'\" >\r\n <input type=\"file\" accept=\".pdf\" id=\"PDFfile\" \r\n (change)=\"handleFileInput($event.target.files)\" onclick=\"event.stopPropagation();\" #pdfUploadButton>\r\n <svg class=\"doc-svg\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 64 64\" style=\"enable-background:new 0 0 64 64;\" xml:space=\"preserve\">\r\n <style type=\"text/css\">\r\n .pd1{fill:#F8F8F8;}\r\n .pd2{fill:#EE3939;}\r\n .pd3{fill:#F95858;}\r\n .pd4{fill:#DBDBDB;}\r\n .pd5{fill:#34AA44;}\r\n .pd6{fill:#FAFAFA;}\r\n </style>\r\n <path class=\"pd1\" d=\"M52,16.2V58c0,1.1-0.9,2-2,2H14c-1.1,0-2-0.9-2-2V6c0-1.1,0.9-2,2-2h25.9\" />\r\n <path class=\"pd2\" d=\"M52,12v12H12V6c0-1.1,0.9-2,2-2h30\" />\r\n <path class=\"pd3\" d=\"M44,4v6.7c0,0.7,0.6,1.3,1.3,1.3H52\" />\r\n <g>\r\n <path class=\"pd4\" d=\"M46.2,30.1H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,30.1,46.2,30.1z\" />\r\n </g>\r\n <g>\r\n <path class=\"pd4\" d=\"M46.2,34.5H17.9c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1h28.3c0.6,0,1,0.4,1,1C47.2,34.1,46.8,34.5,46.2,34.5z\" />\r\n </g>\r\n <g>\r\n <path class=\"pd4\" d=\"M46.2,39H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,39,46.2,39z\" />\r\n </g>\r\n <g>\r\n <path class=\"pd4\" d=\"M46.2,43.4H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,43.4,46.2,43.4z\" />\r\n </g>\r\n <g>\r\n <path class=\"pd4\" d=\"M46.2,47.8H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,47.8,46.2,47.8z\" />\r\n </g>\r\n <g>\r\n <path class=\"pd4\" d=\"M46.2,52.2H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,52.2,46.2,52.2z\" />\r\n </g>\r\n <g>\r\n <path class=\"pd4\" d=\"M46.2,56.6H17.9c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.3c0.6,0,1,0.4,1,1S46.8,56.6,46.2,56.6z\" />\r\n </g>\r\n <g>\r\n <path class=\"pd1\" d=\"M26.2,16.2v2.1h-1.1v-5.6h2.1c0.7,0,1.2,0.2,1.5,0.5c0.3,0.3,0.5,0.8,0.5,1.3c0,0.5-0.2,1-0.5,1.3\r\n c-0.3,0.3-0.8,0.5-1.5,0.5H26.2z M28,14.4c0-0.3-0.1-0.5-0.2-0.6c-0.2-0.1-0.4-0.2-0.8-0.2h-0.8v1.7H27C27.7,15.2,28,15,28,14.4z\" />\r\n <path class=\"pd1\" d=\"M34.5,16.9c-0.2,0.4-0.6,0.8-1,1s-1,0.4-1.6,0.4h-2v-5.6h2c0.6,0,1.1,0.1,1.6,0.3c0.4,0.2,0.8,0.6,1,1\r\n c0.2,0.4,0.4,0.9,0.4,1.5C34.8,16,34.7,16.5,34.5,16.9z M33.2,16.8c0.3-0.3,0.5-0.8,0.5-1.3c0-0.6-0.2-1-0.5-1.4\r\n c-0.3-0.3-0.8-0.5-1.4-0.5H31v3.7h0.8C32.4,17.2,32.9,17.1,33.2,16.8z\" />\r\n <path class=\"pd1\" d=\"M39.2,12.6v0.9h-2.4V15h1.9v0.9h-1.9v2.4h-1.1v-5.6H39.2z\" />\r\n </g>\r\n <path class=\"pd5\" d=\"M32,33.1c-5.2,0-9.4,4.2-9.4,9.4s4.2,9.4,9.4,9.4s9.4-4.2,9.4-9.4C41.4,37.3,37.2,33.2,32,33.1z\" />\r\n <path class=\"pd6\" d=\"M38,41.8l-5.7-5.7c-0.2-0.2-0.4-0.2-0.6,0L26,41.8c-0.1,0.1-0.1,0.2-0.1,0.3c0,0.2,0.2,0.4,0.4,0.4h2.9v6.1\r\n c0,0.2,0.2,0.4,0.4,0.4h4.9c0.2,0,0.4-0.2,0.4-0.4v-6.1h2.9c0.2,0,0.3-0.1,0.4-0.3C38.1,42.1,38.1,42,38,41.8z\" />\r\n </svg>\r\n <div class=\"label-right\">\r\n <div class=\"value\">\r\n <ng-container *ngIf=\"!(selectedDocumentType=='pdf' && filename)\">Upload a <strong>PDF</strong></ng-container>\r\n <ng-container *ngIf=\"(selectedDocumentType=='pdf') && filename\">{{filename}}</ng-container>\r\n </div>\r\n <div class=\"check-circle\">\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n </div>\r\n <div class=\"line-progress\" *ngIf=\"selectedDocumentType=='pdf' && isUploading\">\r\n <div class=\"line-progress-bar\"></div>\r\n </div>\r\n </label>\r\n </div>\r\n</div>\r\n<div class=\"bottom-button\">\r\n <button type=\"button\" (click)=\"editPolicyEmit()\" class=\"back\"><i class=\"icons\"></i> Back</button>\r\n <button type=\"button\" (click)=\"editor(selectedDocumentType)\" class=\"next\" [class.disabled]=\"!selectedDocumentType\">Next <i class=\"icons\"></i></button>\r\n</div>",
|
|
17549
|
+
styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");::ng-deep .document-section{display:flex;align-items:center;height:calc(100vh - 50px);position:absolute;top:0;right:0;background:#fff;z-index:10;padding:50px;width:100%}::ng-deep .document-section-inner .message-box{background:#fbfbfb;border-radius:4px;border:1px solid #f1f1f1;padding:16px 8px 12px 16px;margin-bottom:20px;display:flex;align-items:flex-start}::ng-deep .document-section-inner .message-box svg{background:#fff;width:33px;min-width:33px;border-radius:4px;box-shadow:0 3px 6px #1e5dd333;margin-right:12px;padding:4px}::ng-deep .document-section-inner .message-box p{font-size:12px;font-weight:500;color:#747576;margin:0}::ng-deep .document-section-inner .document-box{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border:1px solid #dbdbdb;border-radius:4px;width:100%;background:transparent;height:100px;margin-bottom:8px}::ng-deep .document-section-inner .document-box.error{border:1px solid #dbdbdb}::ng-deep .document-section-inner .document-box input{width:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;z-index:1;opacity:0;height:100%;pointer-events:none}::ng-deep .document-section-inner .document-box svg.doc-svg{width:82px}::ng-deep .document-section-inner .document-box .label-right{width:calc(100% - 82px);display:flex;align-items:center;justify-content:center;position:relative}::ng-deep .document-section-inner .document-box .label-right .value{font-size:16px;line-height:24px;color:#747576;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word;width:250px;margin-right:35px;text-align:center}::ng-deep .document-section-inner .document-box .label-right .value strong{font-weight:500}::ng-deep .document-section-inner .document-box .label-right .error-msg-text{color:#d93b41;font-size:10px;position:absolute;top:28px;left:0;right:0;text-align:center;width:250px}::ng-deep .document-section-inner .document-box .label-right .check-circle{display:none;width:32px;height:32px;position:absolute;right:14px;top:-3px}::ng-deep .document-section-inner .document-box .label-right .check-circle .checkIcon{width:32px;height:32px;background:#fff;border-radius:50%;stroke-width:4;stroke:#34aa44;stroke-miterlimit:10;box-shadow:inset 0 0 0 #34aa44;-webkit-animation:fillCheck .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;animation:fillCheck .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;margin-right:10px;position:static}::ng-deep .document-section-inner .document-box .label-right .check-circle .checkIcon__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;-webkit-animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards}::ng-deep .document-section-inner .document-box .label-right .check-circle .checkIcon__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;-webkit-animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards;animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards}::ng-deep .document-section-inner .document-box .label-right .error-icon{color:#d93b41;font-size:32px;position:relative;top:-4px;right:14px}::ng-deep .document-section-inner .document-box.active{background:#eefcf0;border:1px solid #34aa44}::ng-deep .document-section-inner .document-box.active .label-right .check-circle{display:block}::ng-deep .document-section-inner .document-box.error{background:#ffeaea;border:1px solid #d93b41}.bottom-button{background:#fff;position:absolute;bottom:0;right:0;z-index:10}.bottom-button,.bottom-button button{display:flex;align-items:center;width:100%}.bottom-button button{background:#1e5dd3;border:none;border-radius:0;color:#fff;font-size:13px;font-weight:600;text-transform:uppercase;padding:0;position:relative;margin:0!important;height:50px;justify-content:center;line-height:19px;letter-spacing:3.08px;outline:none}.bottom-button button i{position:absolute;top:16px;font-size:18px;font-weight:500}.bottom-button button.next i{right:16px}.bottom-button button.disabled{pointer-events:none!important;opacity:.3!important;filter:grayscale(1)!important}.bottom-button button.back{background:#f1f1f1;color:#1e5dd3}.bottom-button button.back i{left:16px}.line-progress{position:absolute;left:0;top:0;height:2px;display:block;width:100%;background-color:#d4e2fc;background-clip:padding-box;overflow:hidden}.line-progress-bar{bottom:0;width:40%;background:#34aa44;border-radius:5px;display:inline-block;position:absolute;-webkit-animation:linear infinite;animation:linear infinite;-webkit-animation-name:run;animation-name:run;-webkit-animation-duration:1s;animation-duration:1s;top:0}@-webkit-keyframes strokeCheck{to{stroke-dashoffset:0}}@keyframes strokeCheck{to{stroke-dashoffset:0}}@-webkit-keyframes fillCheck{to{box-shadow:inset 0 0 0 2px #34aa44}}@keyframes fillCheck{to{box-shadow:inset 0 0 0 2px #34aa44}}@keyframes run{0%{left:0}50%{left:60%}to{left:0}}@-webkit-keyframes run{0%{left:0}50%{left:60%}to{left:0}}"]
|
|
17520
17550
|
},] }
|
|
17521
17551
|
];
|
|
17522
17552
|
DocumentSectionComponent.ctorParameters = function () { return [
|