vcomply-workflow-engine 2.6.20 → 2.6.21

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.
Files changed (12) hide show
  1. package/bundles/vcomply-workflow-engine.umd.js +3 -3
  2. package/bundles/vcomply-workflow-engine.umd.js.map +1 -1
  3. package/esm2015/lib/confirmation-alert/confirmation-alert.component.js +3 -3
  4. package/esm2015/lib/confirmation-alert/confirmation-alert.component.ngfactory.js +2 -2
  5. package/esm2015/lib/interfaces/confirmation-alert.js +1 -1
  6. package/esm2015/lib/workflow-engine-container/workflow-engine-container.component.js +2 -2
  7. package/esm2015/lib/workflow-engine.module.ngfactory.js +1 -1
  8. package/fesm2015/vcomply-workflow-engine.js +3 -3
  9. package/fesm2015/vcomply-workflow-engine.js.map +1 -1
  10. package/lib/interfaces/confirmation-alert.d.ts +1 -0
  11. package/package.json +1 -1
  12. package/vcomply-workflow-engine.metadata.json +1 -1
package/bundles/vcomply-workflow-engine.umd.js CHANGED
@@ -771,7 +771,7 @@
771
771
  });
772
772
  };
773
773
  WorkflowEngineContainerComponent.prototype.assigneeTypeChange = function () {
774
- this.confirmationAlertConfig = { isVisible: true, message: 'This action will reset the changes and assign the responsibility back to the original assignee.', action: 'assigneeTypeChange', data: {} };
774
+ this.confirmationAlertConfig = { isVisible: true, message: 'This action will reset the changes and assign the responsibility back to the original assignee.', action: 'assigneeTypeChange', data: {}, isRedAlert: true };
775
775
  };
776
776
  return WorkflowEngineContainerComponent;
777
777
  }());
@@ -8921,7 +8921,7 @@
8921
8921
  var ConfirmationAlertComponent = /** @class */ (function () {
8922
8922
  function ConfirmationAlertComponent() {
8923
8923
  this.message = '';
8924
- this.config = { isVisible: false };
8924
+ this.config = { isVisible: false, isRedAlert: false };
8925
8925
  this.action = new i0.EventEmitter();
8926
8926
  }
8927
8927
  ConfirmationAlertComponent.prototype.ngOnInit = function () {
@@ -8934,7 +8934,7 @@
8934
8934
  ConfirmationAlertComponent.decorators = [
8935
8935
  { type: i0.Component, args: [{
8936
8936
  selector: 'app-confirmation-alert',
8937
- template: "<!-- <p>confirmation-alert works!</p> -->\r\n<div class=\"confirmation-alert\" [class.warning-color]=\"true\">\r\n <div class=\"confirmation-alert-top\" >\r\n <span class=\"icon-block\">\r\n <i class=\"icons\">&#xe930;</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>\r\n",
8937
+ 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\">&#xe930;</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>\r\n",
8938
8938
  styles: ["@import url(\"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}"]
8939
8939
  },] }
8940
8940
  ];