@bnsights/bbsf-admin-portal 1.0.18 → 1.0.21

package/esm2015/lib/Pages/workflows/activity/workflow-activity-add/workflow-activity-add.component.js

@@ -524,7 +524,7 @@ export class WorkflowActivityAddComponent {
     }
 }
 WorkflowActivityAddComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: WorkflowActivityAddComponent, deps: [{ token: i1.WorkflowActivityService }, { token: i2.UtilityService }, { token: i3.ActivatedRoute }, { token: i4.PageInfoService }, { token: i3.Router }, { token: i2.RequestHandlerService }, { token: i2.BBSFTranslateService }], target: i0.ɵɵFactoryTarget.Component });
-WorkflowActivityAddComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: WorkflowActivityAddComponent, selector: "lib-workflow-activity-add", ngImport: i0, template: "<div class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\" *ngIf=\"isAddFormLoaded\">\r\n    <div class=\"card-body py-3\">\r\n      <BBSF-Form [options]=\"addworkflowActivityFormOptions\">\r\n        <!--Start shared controls container-->\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-MultiLingualTextBox [options]=\"name\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n          </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-TextBox [options]=\"sysName\" [group]=\"addworkflowActivityForm\">\r\n            </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"activityType\" [group]=\"addworkflowActivityForm\" (OnChange)=\"activityTypeOnChange($event)\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <!--End shared controls container-->\r\n        <!--Start participant container-->\r\n        <div id=\"participantContainer\" *ngIf=\"showParticipantContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"participantTypes\" [group]=\"addworkflowActivityForm\" (OnChange)=\"participantTypeOnChange($event)\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div *ngIf=\"showParticipantPermssionSet\" class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"participantPermissionSet\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End participant container-->\r\n        <!--Start static controls-->\r\n        <div *ngIf=\"showStaticControls\" id=\"staticContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextBox [options]=\"staticOutcomeName\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-TextBox [options]=\"staticOutcomeSysName\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"staticOutcomeNextActivity\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-Toggleslide [options]=\"staticOutcomeCanAddComment\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End static controls-->\r\n        <!--Start dynamic controls-->\r\n        <div *ngIf=\"showDynamicControls\" id=\"dynamicContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextBox [options]=\"dynamicTaskName\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextArea [options]=\"dynamicTaskDescription\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextArea>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-TextBox [options]=\"dynamicTaskURL\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"dynamicTaskType\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-Toggleslide [options]=\"dynamicCanComplete\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End dynamic controls-->\r\n\r\n        <!--Start condition controls-->\r\n        <div *ngIf=\"showConditionControls\" id=\"conditionContainer\">\r\n          <div class=\"table-responsive\">\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"LeftHandSide\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Condition\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"RightHandSideType\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"RightHandSide\")}}</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                <tr>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionLHSDropDown\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionsDropDown\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionRHSTypeDropDown\" [group]=\"addworkflowActivityForm\" (OnChange)=\"conditionRHSTypeOnChange($event)\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td *ngIf=\"showConditionRHSWFVariable; else conditionTxtValue\">\r\n                    <BBSF-DropdownList [options]=\"conditionRHSDropDown\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <ng-template #conditionTxtValue>\r\n                    <td>\r\n                      <BBSF-TextBox [options]=\"conditionRHSValue\" [group]=\"addworkflowActivityForm\">\r\n                      </BBSF-TextBox>\r\n                    </td>\r\n                  </ng-template>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n        <!--End condition controls-->\r\n\r\n        <!--Start outcomes container-->\r\n        <div *ngIf=\"showOutcomesContainer\" id=\"outcomesContainer\" class=\"row\">\r\n          <div class=\"table-responsive\">\r\n            <!-- begin::Table -->\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Decision\")}}</th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                </tr>\r\n              </thead>\r\n              <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                <tr *ngFor=\"let option of outcomesOptions;let i=index;\">\r\n\r\n                  <td>\r\n                    <!--ID-->\r\n                    <BBSF-TextBox [hidden]=\"true\" [options]=\"option[0]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-TextBox>\r\n                    <!--Name-->\r\n                    <BBSF-MultiLingualTextBox [options]=\"option[1]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-MultiLingualTextBox>\r\n                  </td>\r\n                  <td>\r\n                    <!--SysName-->\r\n                    <BBSF-TextBox [options]=\"option[2]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-TextBox>\r\n                    <!--hidden SysName-->\r\n                    <BBSF-TextBox [hidden]=\"true\" [options]=\"option[6]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-TextBox>\r\n                    <!--can edit SysName-->\r\n                    <BBSF-CheckBox [hidden]=\"true\" [options]=\"option[7]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-CheckBox>\r\n                  </td>\r\n                  <td>\r\n                    <!--NextActivity-->\r\n                    <BBSF-DropdownList [options]=\"option[3]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <!--CanAddComment-->\r\n                    <BBSF-CheckBox [options]=\"option[4]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-CheckBox>\r\n                  </td>\r\n\r\n                  <td>\r\n                    <!--if outcome Can Edit-->\r\n                    <a *ngIf=\"option[5]\" class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteOutcome(option)\">\r\n                      <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                    </a>\r\n                  </td>\r\n                </tr>\r\n                <tr *ngIf=\"canAddOutcome\">\r\n                  <td colspan=\"5\">\r\n                    <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addWFActivityOutcome()\">\r\n                      {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                    </button>\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n\r\n        </div>\r\n        <!--End outcomes container-->\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" class=\"btn btn-light me-3 btn-sm\" (click)=\"cancelAdd()\">\r\n            {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n          </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", components: [{ type: i5.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i5.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.ɵh, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i5.ɵj, selector: "BBSF-Toggleslide", inputs: ["group", "options"] }, { type: i5.ɵf, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.ɵg, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+WorkflowActivityAddComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: WorkflowActivityAddComponent, selector: "lib-workflow-activity-add", ngImport: i0, template: "<div class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\" *ngIf=\"isAddFormLoaded\">\r\n    <div class=\"card-body py-3\">\r\n      <BBSF-Form [options]=\"addworkflowActivityFormOptions\">\r\n        <!--Start shared controls container-->\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-MultiLingualTextBox [options]=\"name\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n          </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-TextBox [options]=\"sysName\" [group]=\"addworkflowActivityForm\">\r\n            </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"activityType\" [group]=\"addworkflowActivityForm\" (OnChange)=\"activityTypeOnChange($event)\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <!--End shared controls container-->\r\n        <!--Start participant container-->\r\n        <div id=\"participantContainer\" *ngIf=\"showParticipantContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"participantTypes\" [group]=\"addworkflowActivityForm\" (OnChange)=\"participantTypeOnChange($event)\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div *ngIf=\"showParticipantPermssionSet\" class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"participantPermissionSet\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End participant container-->\r\n        <!--Start static controls-->\r\n        <div *ngIf=\"showStaticControls\" id=\"staticContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextBox [options]=\"staticOutcomeName\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-TextBox [options]=\"staticOutcomeSysName\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"staticOutcomeNextActivity\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-Toggleslide [options]=\"staticOutcomeCanAddComment\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End static controls-->\r\n        <!--Start dynamic controls-->\r\n        <div *ngIf=\"showDynamicControls\" id=\"dynamicContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextBox [options]=\"dynamicTaskName\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextArea [options]=\"dynamicTaskDescription\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextArea>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-TextBox [options]=\"dynamicTaskURL\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"dynamicTaskType\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-Toggleslide [options]=\"dynamicCanComplete\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End dynamic controls-->\r\n\r\n        <!--Start condition controls-->\r\n        <div *ngIf=\"showConditionControls\" id=\"conditionContainer\">\r\n          <div class=\"table-responsive\">\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"LeftHandSide\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Condition\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"RightHandSideType\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"RightHandSide\")}}</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                <tr>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionLHSDropDown\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionsDropDown\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionRHSTypeDropDown\" [group]=\"addworkflowActivityForm\" (OnChange)=\"conditionRHSTypeOnChange($event)\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td *ngIf=\"showConditionRHSWFVariable; else conditionTxtValue\">\r\n                    <BBSF-DropdownList [options]=\"conditionRHSDropDown\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <ng-template #conditionTxtValue>\r\n                    <td>\r\n                      <BBSF-TextBox [options]=\"conditionRHSValue\" [group]=\"addworkflowActivityForm\">\r\n                      </BBSF-TextBox>\r\n                    </td>\r\n                  </ng-template>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n        <!--End condition controls-->\r\n\r\n        <!--Start outcomes container-->\r\n        <div *ngIf=\"showOutcomesContainer\" id=\"outcomesContainer\" class=\"row\">\r\n          <div class=\"table-responsive\">\r\n            <!-- begin::Table -->\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Decision\")}}</th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                </tr>\r\n              </thead>\r\n              <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                <tr *ngFor=\"let option of outcomesOptions;let i=index;\">\r\n\r\n                  <td>\r\n                    <!--ID-->\r\n                    <BBSF-TextBox [hidden]=\"true\" [options]=\"option[0]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-TextBox>\r\n                    <!--Name-->\r\n                    <BBSF-MultiLingualTextBox [options]=\"option[1]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-MultiLingualTextBox>\r\n                  </td>\r\n                  <td>\r\n                    <!--SysName-->\r\n                    <BBSF-TextBox [options]=\"option[2]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-TextBox>\r\n                    <!--hidden SysName-->\r\n                    <BBSF-TextBox [hidden]=\"true\" [options]=\"option[6]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-TextBox>\r\n                    <!--can edit SysName-->\r\n                    <BBSF-CheckBox [hidden]=\"true\" [options]=\"option[7]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-CheckBox>\r\n                  </td>\r\n                  <td>\r\n                    <!--NextActivity-->\r\n                    <BBSF-DropdownList [options]=\"option[3]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <!--CanAddComment-->\r\n                    <BBSF-CheckBox [options]=\"option[4]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-CheckBox>\r\n                  </td>\r\n\r\n                  <td>\r\n                    <!--if outcome Can Edit-->\r\n                    <a *ngIf=\"option[5]\" class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteOutcome(option)\">\r\n                      <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                    </a>\r\n                  </td>\r\n                </tr>\r\n                <tr *ngIf=\"canAddOutcome\">\r\n                  <td colspan=\"5\">\r\n                    <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addWFActivityOutcome()\">\r\n                      {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                    </button>\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n\r\n        </div>\r\n        <!--End outcomes container-->\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" class=\"btn btn-light me-3 btn-sm\" (click)=\"cancelAdd()\">\r\n            {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n          </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", components: [{ type: i5.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i5.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i5.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: WorkflowActivityAddComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/workflows/activity/workflow-activity-edit/workflow-activity-edit.component.js

@@ -841,7 +841,7 @@ export class WorkflowActivityEditComponent {
     }
 }
 WorkflowActivityEditComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: WorkflowActivityEditComponent, deps: [{ token: i1.WorkflowActivityService }, { token: i2.PageInfoService }, { token: i3.UtilityService }, { token: i4.ActivatedRoute }, { token: i4.Router }, { token: i3.RequestHandlerService }, { token: i3.BBSFTranslateService }], target: i0.ɵɵFactoryTarget.Component });
-WorkflowActivityEditComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: WorkflowActivityEditComponent, selector: "lib-workflow-activity-edit", ngImport: i0, template: "<div class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\" *ngIf=\"isEditFormLoaded\">\r\n    <div class=\"card-body py-3\">\r\n      <BBSF-Form [options]=\"editworkflowActivityFormOptions\">\r\n        <!--Start shared controls container-->\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-MultiLingualTextBox [options]=\"name\" [group]=\"editworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n          </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"row\" *ngIf=\"!isPublished\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-TextBox [options]=\"sysName\" [group]=\"editworkflowActivityForm\">\r\n            </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\" *ngIf=\"showActivityType\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"activityType\" [group]=\"editworkflowActivityForm\" (OnChange)=\"activityTypeOnChange($event)\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <!--End shared controls container-->\r\n        <!--Start participant container-->\r\n        <div id=\"participantContainer\" *ngIf=\"showParticipantContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"participantTypes\" [group]=\"editworkflowActivityForm\" (OnChange)=\"participantTypeOnChange($event)\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div *ngIf=\"showParticipantPermssionSet\" class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"participantPermissionSet\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End participant container-->\r\n        <!--Start static controls-->\r\n        <div *ngIf=\"showStaticControls\" id=\"staticContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextBox [options]=\"staticOutcomeName\" [group]=\"editworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-TextBox [options]=\"staticOutcomeSysName\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"staticOutcomeNextActivity\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-Toggleslide [options]=\"staticOutcomeCanAddComment\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End static controls-->\r\n        <!--Start dynamic controls-->\r\n        <div *ngIf=\"showDynamicControls\" id=\"dynamicContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextBox [options]=\"dynamicTaskName\" [group]=\"editworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextArea [options]=\"dynamicTaskDescription\" [group]=\"editworkflowActivityForm\"></BBSF-MultiLingualTextArea>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-TextBox [options]=\"dynamicTaskURL\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"dynamicTaskType\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-Toggleslide [options]=\"dynamicCanComplete\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End dynamic controls-->\r\n        <!--Start condition controls-->\r\n        <div *ngIf=\"showConditionControls\" id=\"conditionContainer\">\r\n          <div class=\"table-responsive\">\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"LeftHandSide\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Condition\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"RightHandSideType\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"RightHandSide\")}}</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                <tr>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionLHSDropDown\" [group]=\"editworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionsDropDown\" [group]=\"editworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionRHSTypeDropDown\" [group]=\"editworkflowActivityForm\" (OnChange)=\"conditionRHSTypeOnChange($event)\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td *ngIf=\"showConditionRHSWFVariable; else conditionTxtValue\">\r\n                    <BBSF-DropdownList [options]=\"conditionRHSDropDown\" [group]=\"editworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <ng-template #conditionTxtValue>\r\n                    <td>\r\n                      <BBSF-TextBox [options]=\"conditionRHSValue\" [group]=\"editworkflowActivityForm\">\r\n                      </BBSF-TextBox>\r\n                    </td>\r\n                  </ng-template>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n        <!--End condition controls-->\r\n        <!--Start outcomes container-->\r\n        <div *ngIf=\"showOutcomesContainer\" id=\"outcomesContainer\" class=\"row\">\r\n          <div class=\"table-responsive\">\r\n            <!-- begin::Table -->\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Decision\")}}</th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                  <th *ngIf=\"!isPublished\" class=\"min-w-150px\"></th>\r\n                  <th *ngIf=\"!isPublished\" class=\"min-w-150px\"></th>\r\n                  <th *ngIf=\"!isPublished\" class=\"min-w-150px\"></th>\r\n                </tr>\r\n              </thead>\r\n              <tbody class=\"fw-bold text-gray-600 border-0\" *ngIf=\"isPublished;else notPublishedOutcomes\">\r\n                  <tr  *ngFor=\"let option of outcomesOptions;let i=index;\">\r\n                    <td>\r\n                      <!--ID-->\r\n                      <BBSF-TextBox [hidden]=\"true\" [options]=\"option[0]\" [group]=\"editworkflowActivityForm\">\r\n                      </BBSF-TextBox>\r\n                      <!--Name-->\r\n                      <BBSF-MultiLingualTextBox [options]=\"option[1]\" [group]=\"editworkflowActivityForm\">\r\n                      </BBSF-MultiLingualTextBox>\r\n                    </td>\r\n                    <td>\r\n                      <!--NextActivity-->\r\n                      <BBSF-DropdownList [options]=\"option[2]\" [group]=\"editworkflowActivityForm\">\r\n                      </BBSF-DropdownList>\r\n                    </td>\r\n                  </tr>\r\n              </tbody>\r\n\r\n                <ng-template #notPublishedOutcomes>\r\n                  <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                    <tr *ngFor=\"let option of outcomesOptions;let i=index;\">\r\n\r\n                      <td>\r\n                        <!--ID-->\r\n                        <BBSF-TextBox [hidden]=\"true\" [options]=\"option[0]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-TextBox>\r\n                        <!--Name-->\r\n                        <BBSF-MultiLingualTextBox [options]=\"option[1]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-MultiLingualTextBox>\r\n                      </td>\r\n                      <td>\r\n                        <!--SysName-->\r\n                        <BBSF-TextBox [options]=\"option[2]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-TextBox>\r\n                        <!--hidden SysName-->\r\n                        <BBSF-TextBox [hidden]=\"true\" [options]=\"option[6]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-TextBox>\r\n                        <!--can edit SysName-->\r\n                        <BBSF-CheckBox [hidden]=\"true\" [options]=\"option[7]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-CheckBox>\r\n                      </td>\r\n                      <td>\r\n                        <!--NextActivity-->\r\n                        <BBSF-DropdownList [options]=\"option[3]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-DropdownList>\r\n                      </td>\r\n                      <td>\r\n                        <!--CanAddComment-->\r\n                        <BBSF-CheckBox [options]=\"option[4]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-CheckBox>\r\n                      </td>\r\n\r\n                      <td>\r\n                        <!--if outcome Can Edit-->\r\n                        <a *ngIf=\"option[5]\" class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteOutcome(option)\">\r\n                          <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                        </a>\r\n                      </td>\r\n                    </tr>\r\n                    <tr *ngIf=\"canAddOutcome\">\r\n                      <td colspan=\"5\">\r\n                        <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addWFActivityOutcome()\">\r\n                          {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                        </button>\r\n                      </td>\r\n                    </tr>\r\n                  </tbody>\r\n                </ng-template>\r\n\r\n            </table>\r\n          </div>\r\n\r\n        </div>\r\n        <!--End outcomes container-->\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" class=\"btn btn-light me-3 btn-sm\" (click)=\"cancelEdit()\">\r\n            {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n          </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", components: [{ type: i5.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i5.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.ɵh, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i5.ɵj, selector: "BBSF-Toggleslide", inputs: ["group", "options"] }, { type: i5.ɵf, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.ɵg, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+WorkflowActivityEditComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: WorkflowActivityEditComponent, selector: "lib-workflow-activity-edit", ngImport: i0, template: "<div class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\" *ngIf=\"isEditFormLoaded\">\r\n    <div class=\"card-body py-3\">\r\n      <BBSF-Form [options]=\"editworkflowActivityFormOptions\">\r\n        <!--Start shared controls container-->\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-MultiLingualTextBox [options]=\"name\" [group]=\"editworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n          </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"row\" *ngIf=\"!isPublished\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-TextBox [options]=\"sysName\" [group]=\"editworkflowActivityForm\">\r\n            </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\" *ngIf=\"showActivityType\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"activityType\" [group]=\"editworkflowActivityForm\" (OnChange)=\"activityTypeOnChange($event)\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <!--End shared controls container-->\r\n        <!--Start participant container-->\r\n        <div id=\"participantContainer\" *ngIf=\"showParticipantContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"participantTypes\" [group]=\"editworkflowActivityForm\" (OnChange)=\"participantTypeOnChange($event)\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div *ngIf=\"showParticipantPermssionSet\" class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"participantPermissionSet\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End participant container-->\r\n        <!--Start static controls-->\r\n        <div *ngIf=\"showStaticControls\" id=\"staticContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextBox [options]=\"staticOutcomeName\" [group]=\"editworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-TextBox [options]=\"staticOutcomeSysName\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"staticOutcomeNextActivity\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-Toggleslide [options]=\"staticOutcomeCanAddComment\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End static controls-->\r\n        <!--Start dynamic controls-->\r\n        <div *ngIf=\"showDynamicControls\" id=\"dynamicContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextBox [options]=\"dynamicTaskName\" [group]=\"editworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextArea [options]=\"dynamicTaskDescription\" [group]=\"editworkflowActivityForm\"></BBSF-MultiLingualTextArea>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-TextBox [options]=\"dynamicTaskURL\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"dynamicTaskType\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-Toggleslide [options]=\"dynamicCanComplete\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End dynamic controls-->\r\n        <!--Start condition controls-->\r\n        <div *ngIf=\"showConditionControls\" id=\"conditionContainer\">\r\n          <div class=\"table-responsive\">\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"LeftHandSide\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Condition\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"RightHandSideType\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"RightHandSide\")}}</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                <tr>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionLHSDropDown\" [group]=\"editworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionsDropDown\" [group]=\"editworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionRHSTypeDropDown\" [group]=\"editworkflowActivityForm\" (OnChange)=\"conditionRHSTypeOnChange($event)\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td *ngIf=\"showConditionRHSWFVariable; else conditionTxtValue\">\r\n                    <BBSF-DropdownList [options]=\"conditionRHSDropDown\" [group]=\"editworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <ng-template #conditionTxtValue>\r\n                    <td>\r\n                      <BBSF-TextBox [options]=\"conditionRHSValue\" [group]=\"editworkflowActivityForm\">\r\n                      </BBSF-TextBox>\r\n                    </td>\r\n                  </ng-template>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n        <!--End condition controls-->\r\n        <!--Start outcomes container-->\r\n        <div *ngIf=\"showOutcomesContainer\" id=\"outcomesContainer\" class=\"row\">\r\n          <div class=\"table-responsive\">\r\n            <!-- begin::Table -->\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Decision\")}}</th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                  <th *ngIf=\"!isPublished\" class=\"min-w-150px\"></th>\r\n                  <th *ngIf=\"!isPublished\" class=\"min-w-150px\"></th>\r\n                  <th *ngIf=\"!isPublished\" class=\"min-w-150px\"></th>\r\n                </tr>\r\n              </thead>\r\n              <tbody class=\"fw-bold text-gray-600 border-0\" *ngIf=\"isPublished;else notPublishedOutcomes\">\r\n                  <tr  *ngFor=\"let option of outcomesOptions;let i=index;\">\r\n                    <td>\r\n                      <!--ID-->\r\n                      <BBSF-TextBox [hidden]=\"true\" [options]=\"option[0]\" [group]=\"editworkflowActivityForm\">\r\n                      </BBSF-TextBox>\r\n                      <!--Name-->\r\n                      <BBSF-MultiLingualTextBox [options]=\"option[1]\" [group]=\"editworkflowActivityForm\">\r\n                      </BBSF-MultiLingualTextBox>\r\n                    </td>\r\n                    <td>\r\n                      <!--NextActivity-->\r\n                      <BBSF-DropdownList [options]=\"option[2]\" [group]=\"editworkflowActivityForm\">\r\n                      </BBSF-DropdownList>\r\n                    </td>\r\n                  </tr>\r\n              </tbody>\r\n\r\n                <ng-template #notPublishedOutcomes>\r\n                  <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                    <tr *ngFor=\"let option of outcomesOptions;let i=index;\">\r\n\r\n                      <td>\r\n                        <!--ID-->\r\n                        <BBSF-TextBox [hidden]=\"true\" [options]=\"option[0]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-TextBox>\r\n                        <!--Name-->\r\n                        <BBSF-MultiLingualTextBox [options]=\"option[1]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-MultiLingualTextBox>\r\n                      </td>\r\n                      <td>\r\n                        <!--SysName-->\r\n                        <BBSF-TextBox [options]=\"option[2]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-TextBox>\r\n                        <!--hidden SysName-->\r\n                        <BBSF-TextBox [hidden]=\"true\" [options]=\"option[6]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-TextBox>\r\n                        <!--can edit SysName-->\r\n                        <BBSF-CheckBox [hidden]=\"true\" [options]=\"option[7]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-CheckBox>\r\n                      </td>\r\n                      <td>\r\n                        <!--NextActivity-->\r\n                        <BBSF-DropdownList [options]=\"option[3]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-DropdownList>\r\n                      </td>\r\n                      <td>\r\n                        <!--CanAddComment-->\r\n                        <BBSF-CheckBox [options]=\"option[4]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-CheckBox>\r\n                      </td>\r\n\r\n                      <td>\r\n                        <!--if outcome Can Edit-->\r\n                        <a *ngIf=\"option[5]\" class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteOutcome(option)\">\r\n                          <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                        </a>\r\n                      </td>\r\n                    </tr>\r\n                    <tr *ngIf=\"canAddOutcome\">\r\n                      <td colspan=\"5\">\r\n                        <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addWFActivityOutcome()\">\r\n                          {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                        </button>\r\n                      </td>\r\n                    </tr>\r\n                  </tbody>\r\n                </ng-template>\r\n\r\n            </table>\r\n          </div>\r\n\r\n        </div>\r\n        <!--End outcomes container-->\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" class=\"btn btn-light me-3 btn-sm\" (click)=\"cancelEdit()\">\r\n            {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n          </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", components: [{ type: i5.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i5.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i5.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: WorkflowActivityEditComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/workflows/instance-info/instance-info.component.js

@@ -297,7 +297,7 @@ export class InstanceInfoComponent {
     }
 }
 InstanceInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: InstanceInfoComponent, deps: [{ token: i1.AuthService }, { token: i2.WorkflowInstanceService }, { token: i3.ActivatedRoute }, { token: i4.PageInfoService }, { token: i1.BBSFTranslateService }, { token: i1.UtilityService }, { token: i5.WorkflowLogVariablesService }, { token: i6.NgbModal }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-InstanceInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: InstanceInfoComponent, selector: "lib-instance-info", ngImport: i0, template: "<block-ui></block-ui>\r\n<div class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-body\">\r\n      <ul ngbNav #nav=\"ngbNav\" class=\"nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bolder\">\r\n        <li ngbNavItem class=\"nav-item mt-2\">\r\n          <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"getDetails()\">{{utilityService.getResourceValue(\"Details\")}}</a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"card\">\r\n              <div class=\"card-body py-3 px-0\">\r\n                <form [formGroup]=\"detailsForm\" *ngIf=\"showInstanceDetails\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                      <BBSF-MultiLingualTextBox [options]=\"instanceName\"\r\n                                                [group]=\"detailsForm\">\r\n                      </BBSF-MultiLingualTextBox>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-6\">\r\n                      <div class=\"form-group\">\r\n                        <div class=\"label-content\">\r\n                          <BBSF-TextBox [options]=\"instanceCreator\"\r\n                                        [group]=\"detailsForm\">\r\n                          </BBSF-TextBox>\r\n                        </div>\r\n                      </div>\r\n\r\n                    </div>\r\n                    <div class=\"col-md-6\">\r\n                      <div class=\"form-group\">\r\n                        <div class=\"label-content\">\r\n                          <BBSF-TextBox [options]=\"instanceStatus\"\r\n                                        [group]=\"detailsForm\">\r\n                          </BBSF-TextBox>\r\n                        </div>\r\n                      </div>\r\n\r\n                    </div>\r\n                  </div>\r\n\r\n\r\n                </form>\r\n\r\n\r\n              </div>\r\n              <!--end:: Widgets/Applications/User/Profile3-->\r\n            </div>\r\n          </ng-template>\r\n        </li>\r\n        <li ngbNavItem class=\"nav-item mt-2\">\r\n          <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"initializeWFVariables()\">{{utilityService.getResourceValue(\"WorkFlowVariables\")}}</a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"card\">\r\n              <div class=\"card-header border-0 pt-5 px-0\">\r\n                <div class=\"card-title align-items-start flex-column\" *ngIf=\"isWFVariablesFilterLoaded\">\r\n                  <form [formGroup]=\"workflowVariablesForm\">\r\n                    <BBSF-TextBox [options]=\"searchVariablesTextBox\" [group]=\"workflowVariablesForm\"></BBSF-TextBox>\r\n                    <BBSF-TextBox [options]=\"variablesInstanceIdTextBox\"\r\n                                  [group]=\"workflowVariablesForm\" [hidden]=\"true\"></BBSF-TextBox>\r\n                  </form>\r\n                </div>\r\n              </div>\r\n              <div class=\"card-body py-3 px-0\">\r\n                <!--begin::variables list-->\r\n                <div class=\"table-responsive\">\r\n                  <!-- begin::Table -->\r\n                  <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n                    <thead>\r\n                      <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"DataType\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n                      <tr *ngFor=\"let variable of workFlowVariablesPagingResult\">\r\n                        <td>\r\n                          <span class=\"text-dark\">{{variable.nameStr}}</span>\r\n                        </td>\r\n                        <td>{{variable.dataTypeItem}}</td>\r\n                        <td>{{variable.value}}</td>\r\n                      </tr>\r\n                      <tr *ngIf=\"workFlowVariablesPagingResult.length == 0\">\r\n                        <td colspan=\"3\">\r\n                          <lib-empty-data></lib-empty-data>\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n                <!--end::variables list-->\r\n              </div>\r\n              <div class=\"card-footer border-0\">\r\n                <BBSF-Paging (Items)=\"setWorkflowVariablesListResult($event)\" *ngIf=\"isWFVariablesFilterLoaded\"\r\n                             [options]=\"WorkflowVariablesPaging\" [group]=\"workflowVariablesForm\"\r\n                             #workflowVariablesPagingViewElement>\r\n                </BBSF-Paging>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n        </li>\r\n        <li ngbNavItem class=\"nav-item mt-2\">\r\n          <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"initializeTasks()\">{{utilityService.getResourceValue(\"Tasks\")}}</a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"card\">\r\n              <div class=\"card-header border-0 pt-5 px-0\">\r\n                <div class=\"card-title align-items-start flex-column\" *ngIf=\"isWFTasksFilterLoaded\">\r\n                  <form [formGroup]=\"tasksForm\">\r\n                    <BBSF-TextBox [options]=\"searchTasksTextBox\" [group]=\"tasksForm\"></BBSF-TextBox>\r\n                    <BBSF-TextBox [options]=\"taskInstanceIdTextBox\"\r\n                                  [group]=\"tasksForm\" [hidden]=\"true\"></BBSF-TextBox>\r\n                  </form>\r\n                </div>\r\n              </div>\r\n              <div class=\"card-body py-3 px-0\">\r\n                <!--begin::variables list-->\r\n                <div class=\"table-responsive\">\r\n                  <!-- begin::Table -->\r\n                  <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n                    <thead>\r\n                      <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ActivityName\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"IsCompleted\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"CreationDate\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Type\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"AssignedTo\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"CompletedBy\")}}</th>\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n                      <tr *ngFor=\"let task of tasksPagingResult\">\r\n                        <td>\r\n                          <span class=\"text-dark\">{{task.activity}}</span>\r\n                        </td>\r\n                        <td>\r\n                          <span *ngIf=\"task.IsCompleted; else notCompleted\">{{utilityService.getResourceValue(\"Yes\")}}</span>\r\n                          <ng-template #notCompleted>\r\n                            <span>{{utilityService.getResourceValue(\"No\")}}</span>\r\n                          </ng-template>\r\n                        </td>\r\n                        <td>{{task.creationDate}}</td>\r\n                        <td>{{task.taskCorrelationType}}</td>\r\n                        <td>{{task.assignedTo}}</td>\r\n                        <td>{{task.completedBy}}</td>\r\n\r\n                      </tr>\r\n                      <tr *ngIf=\"tasksPagingResult.length == 0\">\r\n                        <td colspan=\"6\">\r\n                          <lib-empty-data></lib-empty-data>\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n                <!--end::variables list-->\r\n              </div>\r\n              <div class=\"card-footer border-0\">\r\n                <BBSF-Paging (Items)=\"setWorkflowTasksListResult($event)\" *ngIf=\"isWFTasksFilterLoaded\"\r\n                             [options]=\"WorkflowTasksPaging\" [group]=\"tasksForm\"\r\n                             #workflowTasksPagingViewElement>\r\n                </BBSF-Paging>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n        </li>\r\n        <li ngbNavItem class=\"nav-item mt-2\">\r\n          <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"initializeErrors()\">{{utilityService.getResourceValue(\"Errors\")}}</a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"card\">\r\n              <div class=\"card-header border-0 pt-5 px-0\">\r\n                <div class=\"card-title align-items-start flex-column\" *ngIf=\"isWFErrorsFilterLoaded\">\r\n                  <form [formGroup]=\"errorsForm\">\r\n                    <BBSF-TextBox [options]=\"searchErrorsTextBox\" [group]=\"errorsForm\"></BBSF-TextBox>\r\n                    <BBSF-TextBox [options]=\"errorInstanceIdTextBox\"\r\n                                  [group]=\"errorsForm\" [hidden]=\"true\"></BBSF-TextBox>\r\n                  </form>\r\n                </div>\r\n              </div>\r\n              <div class=\"card-body py-3 px-0\">\r\n                <!--begin::variables list-->\r\n                <div class=\"table-responsive\">\r\n                  <!-- begin::Table -->\r\n                  <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n                    <thead>\r\n                      <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ActivityName\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"InstanceName\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ErrorMsg\")}}</th>\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n                      <tr *ngFor=\"let error of errorsPagingResult\">\r\n                        <td>\r\n                          <span class=\"text-dark\">{{error.activityName}}</span>\r\n                        </td>\r\n                        <td>{{error.instanceName}}</td>\r\n                        <td>{{error.error}}</td>\r\n\r\n                      </tr>\r\n                      <tr *ngIf=\"errorsPagingResult.length == 0\">\r\n                        <td colspan=\"3\">\r\n                          <lib-empty-data></lib-empty-data>\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n                <!--end::variables list-->\r\n              </div>\r\n              <div class=\"card-footer border-0\">\r\n                <BBSF-Paging (Items)=\"setWorkflowErrorsListResult($event)\" *ngIf=\"isWFErrorsFilterLoaded\"\r\n                             [options]=\"WorkflowErrorsPaging\" [group]=\"errorsForm\"\r\n                             #workflowErrorsPagingViewElement>\r\n                </BBSF-Paging>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n        </li>\r\n        <li ngbNavItem class=\"nav-item mt-2\">\r\n          <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"initializeLogs()\">{{utilityService.getResourceValue(\"Logs\")}}</a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"card\">\r\n              <div class=\"card-header border-0 pt-5 px-0\">\r\n                <div class=\"card-title align-items-start flex-column\" *ngIf=\"isWFLogsFilterLoaded\">\r\n                  <form [formGroup]=\"logsForm\">\r\n                    <BBSF-TextBox [options]=\"searchLogsTextBox\" [group]=\"logsForm\"></BBSF-TextBox>\r\n                    <BBSF-TextBox [options]=\"logInstanceIdTextBox\"\r\n                                  [group]=\"logsForm\" [hidden]=\"true\"></BBSF-TextBox>\r\n                  </form>\r\n                </div>\r\n              </div>\r\n              <div class=\"card-body py-3 px-0\">\r\n                <!--begin::variables list-->\r\n                <div class=\"table-responsive\">\r\n                  <!-- begin::Table -->\r\n                  <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n                    <thead>\r\n                      <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Activity\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Descision\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"CompletedBy\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"CreationDate\")}}</th>\r\n                        <th class=\"min-w-150px\"></th>\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n                      <tr *ngFor=\"let log of logsPagingResult\">\r\n                        <td>\r\n                          <span class=\"text-dark\">{{log.activityName}}</span>\r\n                        </td>\r\n                        <td>{{log.outcomeName}}</td>\r\n                        <td>{{log.completedBy}}</td>\r\n                        <td>{{log.created}}</td>\r\n                        <td>{{log.created}}</td>\r\n                        <td>\r\n                          <div>\r\n                            <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                              <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                            </button>\r\n                            <mat-menu #menu=\"matMenu\">\r\n                              <button class=\"drop-item px-3\" ngbDropdownItem\r\n                                      (click)=\"showLogVariables(log.idEncrypted, LogVariablesModal)\">\r\n                                <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"LogVariables\")}}</span>\r\n                              </button>\r\n                            </mat-menu>\r\n                          </div>\r\n                        </td>\r\n                      </tr>\r\n                      <tr *ngIf=\"logsPagingResult.length == 0\">\r\n                        <td colspan=\"5\">\r\n                          <lib-empty-data></lib-empty-data>\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n                <!--end::variables list-->\r\n              </div>\r\n              <div class=\"card-footer border-0\">\r\n                <BBSF-Paging (Items)=\"setWorkflowLogsListResult($event)\" *ngIf=\"isWFLogsFilterLoaded\"\r\n                             [options]=\"WorkflowLogsPaging\" [group]=\"logsForm\"\r\n                             #workflowLogsPagingViewElement>\r\n                </BBSF-Paging>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n\r\n          <!--Log variables Modal-->\r\n          <ng-template #LogVariablesModal let-modal>\r\n            <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n              <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n              <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n                <span class=\"svg-icon svg-icon-1\">\r\n                  <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n                </span>\r\n              </button>\r\n            </div>\r\n            <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n              <div class=\"mb-13 text-center\">\r\n                <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"LogVariables\")}}</h1>\r\n              </div>\r\n              <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n                <thead>\r\n                  <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                    <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                    <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"VariableType\")}}</th>\r\n                    <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                  </tr>\r\n                </thead>\r\n                <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n                  <tr *ngFor=\"let logVar of logVariablesPagingResult\">\r\n                    <td>\r\n                      <span class=\"text-dark\">{{logVar.variableName}}</span>\r\n                    </td>\r\n                    <td>{{logVar.variableType}}</td>\r\n                    <td>{{logVar.variableValue}}</td>\r\n                  </tr>\r\n                  <tr *ngIf=\"logVariablesPagingResult.length == 0\">\r\n                    <td colspan=\"3\">\r\n                      <lib-empty-data></lib-empty-data>\r\n                    </td>\r\n                  </tr>\r\n                </tbody>\r\n              </table>\r\n            </div>\r\n            <div class=\"modal-footer\">\r\n              <button type=\"button\" class=\"btn btn-secondary\" data-dismiss=\"modal\">\r\n                {{utilityService.getResourceValue(\"Close\")}}\r\n              </button>\r\n            </div>\r\n          </ng-template>\r\n        </li>\r\n\r\n      </ul>\r\n      <div [ngbNavOutlet]=\"nav\"></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [""], components: [{ type: i7.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i8.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i9.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i8.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i10.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i6.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }], directives: [{ type: i6.NgbNav, selector: "[ngbNav]", inputs: ["animation", "destroyOnHide", "orientation", "roles", "keyboard", "activeId"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { type: i6.NgbNavItem, selector: "[ngbNavItem]", inputs: ["disabled", "domId", "destroyOnHide", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { type: i6.NgbNavLink, selector: "a[ngbNavLink]" }, { type: i6.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i12.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i12.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i6.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i13.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+InstanceInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: InstanceInfoComponent, selector: "lib-instance-info", ngImport: i0, template: "<block-ui></block-ui>\r\n<div class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-body\">\r\n      <ul ngbNav #nav=\"ngbNav\" class=\"nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bolder\">\r\n        <li ngbNavItem class=\"nav-item mt-2\">\r\n          <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"getDetails()\">{{utilityService.getResourceValue(\"Details\")}}</a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"card\">\r\n              <div class=\"card-body py-3 px-0\">\r\n                <form [formGroup]=\"detailsForm\" *ngIf=\"showInstanceDetails\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                      <BBSF-MultiLingualTextBox [options]=\"instanceName\"\r\n                                                [group]=\"detailsForm\">\r\n                      </BBSF-MultiLingualTextBox>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-6\">\r\n                      <div class=\"form-group\">\r\n                        <div class=\"label-content\">\r\n                          <BBSF-TextBox [options]=\"instanceCreator\"\r\n                                        [group]=\"detailsForm\">\r\n                          </BBSF-TextBox>\r\n                        </div>\r\n                      </div>\r\n\r\n                    </div>\r\n                    <div class=\"col-md-6\">\r\n                      <div class=\"form-group\">\r\n                        <div class=\"label-content\">\r\n                          <BBSF-TextBox [options]=\"instanceStatus\"\r\n                                        [group]=\"detailsForm\">\r\n                          </BBSF-TextBox>\r\n                        </div>\r\n                      </div>\r\n\r\n                    </div>\r\n                  </div>\r\n\r\n\r\n                </form>\r\n\r\n\r\n              </div>\r\n              <!--end:: Widgets/Applications/User/Profile3-->\r\n            </div>\r\n          </ng-template>\r\n        </li>\r\n        <li ngbNavItem class=\"nav-item mt-2\">\r\n          <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"initializeWFVariables()\">{{utilityService.getResourceValue(\"WorkFlowVariables\")}}</a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"card\">\r\n              <div class=\"card-header border-0 pt-5 px-0\">\r\n                <div class=\"card-title align-items-start flex-column\" *ngIf=\"isWFVariablesFilterLoaded\">\r\n                  <form [formGroup]=\"workflowVariablesForm\">\r\n                    <BBSF-TextBox [options]=\"searchVariablesTextBox\" [group]=\"workflowVariablesForm\"></BBSF-TextBox>\r\n                    <BBSF-TextBox [options]=\"variablesInstanceIdTextBox\"\r\n                                  [group]=\"workflowVariablesForm\" [hidden]=\"true\"></BBSF-TextBox>\r\n                  </form>\r\n                </div>\r\n              </div>\r\n              <div class=\"card-body py-3 px-0\">\r\n                <!--begin::variables list-->\r\n                <div class=\"table-responsive\">\r\n                  <!-- begin::Table -->\r\n                  <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n                    <thead>\r\n                      <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"DataType\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n                      <tr *ngFor=\"let variable of workFlowVariablesPagingResult\">\r\n                        <td>\r\n                          <span class=\"text-dark\">{{variable.nameStr}}</span>\r\n                        </td>\r\n                        <td>{{variable.dataTypeItem}}</td>\r\n                        <td>{{variable.value}}</td>\r\n                      </tr>\r\n                      <tr *ngIf=\"workFlowVariablesPagingResult.length == 0\">\r\n                        <td colspan=\"3\">\r\n                          <lib-empty-data></lib-empty-data>\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n                <!--end::variables list-->\r\n              </div>\r\n              <div class=\"card-footer border-0\">\r\n                <BBSF-Paging (Items)=\"setWorkflowVariablesListResult($event)\" *ngIf=\"isWFVariablesFilterLoaded\"\r\n                             [options]=\"WorkflowVariablesPaging\" [group]=\"workflowVariablesForm\"\r\n                             #workflowVariablesPagingViewElement>\r\n                </BBSF-Paging>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n        </li>\r\n        <li ngbNavItem class=\"nav-item mt-2\">\r\n          <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"initializeTasks()\">{{utilityService.getResourceValue(\"Tasks\")}}</a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"card\">\r\n              <div class=\"card-header border-0 pt-5 px-0\">\r\n                <div class=\"card-title align-items-start flex-column\" *ngIf=\"isWFTasksFilterLoaded\">\r\n                  <form [formGroup]=\"tasksForm\">\r\n                    <BBSF-TextBox [options]=\"searchTasksTextBox\" [group]=\"tasksForm\"></BBSF-TextBox>\r\n                    <BBSF-TextBox [options]=\"taskInstanceIdTextBox\"\r\n                                  [group]=\"tasksForm\" [hidden]=\"true\"></BBSF-TextBox>\r\n                  </form>\r\n                </div>\r\n              </div>\r\n              <div class=\"card-body py-3 px-0\">\r\n                <!--begin::variables list-->\r\n                <div class=\"table-responsive\">\r\n                  <!-- begin::Table -->\r\n                  <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n                    <thead>\r\n                      <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ActivityName\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"IsCompleted\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"CreationDate\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Type\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"AssignedTo\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"CompletedBy\")}}</th>\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n                      <tr *ngFor=\"let task of tasksPagingResult\">\r\n                        <td>\r\n                          <span class=\"text-dark\">{{task.activity}}</span>\r\n                        </td>\r\n                        <td>\r\n                          <span *ngIf=\"task.IsCompleted; else notCompleted\">{{utilityService.getResourceValue(\"Yes\")}}</span>\r\n                          <ng-template #notCompleted>\r\n                            <span>{{utilityService.getResourceValue(\"No\")}}</span>\r\n                          </ng-template>\r\n                        </td>\r\n                        <td>{{task.creationDate}}</td>\r\n                        <td>{{task.taskCorrelationType}}</td>\r\n                        <td>{{task.assignedTo}}</td>\r\n                        <td>{{task.completedBy}}</td>\r\n\r\n                      </tr>\r\n                      <tr *ngIf=\"tasksPagingResult.length == 0\">\r\n                        <td colspan=\"6\">\r\n                          <lib-empty-data></lib-empty-data>\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n                <!--end::variables list-->\r\n              </div>\r\n              <div class=\"card-footer border-0\">\r\n                <BBSF-Paging (Items)=\"setWorkflowTasksListResult($event)\" *ngIf=\"isWFTasksFilterLoaded\"\r\n                             [options]=\"WorkflowTasksPaging\" [group]=\"tasksForm\"\r\n                             #workflowTasksPagingViewElement>\r\n                </BBSF-Paging>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n        </li>\r\n        <li ngbNavItem class=\"nav-item mt-2\">\r\n          <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"initializeErrors()\">{{utilityService.getResourceValue(\"Errors\")}}</a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"card\">\r\n              <div class=\"card-header border-0 pt-5 px-0\">\r\n                <div class=\"card-title align-items-start flex-column\" *ngIf=\"isWFErrorsFilterLoaded\">\r\n                  <form [formGroup]=\"errorsForm\">\r\n                    <BBSF-TextBox [options]=\"searchErrorsTextBox\" [group]=\"errorsForm\"></BBSF-TextBox>\r\n                    <BBSF-TextBox [options]=\"errorInstanceIdTextBox\"\r\n                                  [group]=\"errorsForm\" [hidden]=\"true\"></BBSF-TextBox>\r\n                  </form>\r\n                </div>\r\n              </div>\r\n              <div class=\"card-body py-3 px-0\">\r\n                <!--begin::variables list-->\r\n                <div class=\"table-responsive\">\r\n                  <!-- begin::Table -->\r\n                  <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n                    <thead>\r\n                      <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ActivityName\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"InstanceName\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ErrorMsg\")}}</th>\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n                      <tr *ngFor=\"let error of errorsPagingResult\">\r\n                        <td>\r\n                          <span class=\"text-dark\">{{error.activityName}}</span>\r\n                        </td>\r\n                        <td>{{error.instanceName}}</td>\r\n                        <td>{{error.error}}</td>\r\n\r\n                      </tr>\r\n                      <tr *ngIf=\"errorsPagingResult.length == 0\">\r\n                        <td colspan=\"3\">\r\n                          <lib-empty-data></lib-empty-data>\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n                <!--end::variables list-->\r\n              </div>\r\n              <div class=\"card-footer border-0\">\r\n                <BBSF-Paging (Items)=\"setWorkflowErrorsListResult($event)\" *ngIf=\"isWFErrorsFilterLoaded\"\r\n                             [options]=\"WorkflowErrorsPaging\" [group]=\"errorsForm\"\r\n                             #workflowErrorsPagingViewElement>\r\n                </BBSF-Paging>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n        </li>\r\n        <li ngbNavItem class=\"nav-item mt-2\">\r\n          <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"initializeLogs()\">{{utilityService.getResourceValue(\"Logs\")}}</a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"card\">\r\n              <div class=\"card-header border-0 pt-5 px-0\">\r\n                <div class=\"card-title align-items-start flex-column\" *ngIf=\"isWFLogsFilterLoaded\">\r\n                  <form [formGroup]=\"logsForm\">\r\n                    <BBSF-TextBox [options]=\"searchLogsTextBox\" [group]=\"logsForm\"></BBSF-TextBox>\r\n                    <BBSF-TextBox [options]=\"logInstanceIdTextBox\"\r\n                                  [group]=\"logsForm\" [hidden]=\"true\"></BBSF-TextBox>\r\n                  </form>\r\n                </div>\r\n              </div>\r\n              <div class=\"card-body py-3 px-0\">\r\n                <!--begin::variables list-->\r\n                <div class=\"table-responsive\">\r\n                  <!-- begin::Table -->\r\n                  <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n                    <thead>\r\n                      <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Activity\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Descision\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"CompletedBy\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"CreationDate\")}}</th>\r\n                        <th class=\"min-w-150px\"></th>\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n                      <tr *ngFor=\"let log of logsPagingResult\">\r\n                        <td>\r\n                          <span class=\"text-dark\">{{log.activityName}}</span>\r\n                        </td>\r\n                        <td>{{log.outcomeName}}</td>\r\n                        <td>{{log.completedBy}}</td>\r\n                        <td>{{log.created}}</td>\r\n                        <td>{{log.created}}</td>\r\n                        <td>\r\n                          <div>\r\n                            <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                              <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                            </button>\r\n                            <mat-menu #menu=\"matMenu\">\r\n                              <button class=\"drop-item px-3\" ngbDropdownItem\r\n                                      (click)=\"showLogVariables(log.idEncrypted, LogVariablesModal)\">\r\n                                <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"LogVariables\")}}</span>\r\n                              </button>\r\n                            </mat-menu>\r\n                          </div>\r\n                        </td>\r\n                      </tr>\r\n                      <tr *ngIf=\"logsPagingResult.length == 0\">\r\n                        <td colspan=\"5\">\r\n                          <lib-empty-data></lib-empty-data>\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n                <!--end::variables list-->\r\n              </div>\r\n              <div class=\"card-footer border-0\">\r\n                <BBSF-Paging (Items)=\"setWorkflowLogsListResult($event)\" *ngIf=\"isWFLogsFilterLoaded\"\r\n                             [options]=\"WorkflowLogsPaging\" [group]=\"logsForm\"\r\n                             #workflowLogsPagingViewElement>\r\n                </BBSF-Paging>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n\r\n          <!--Log variables Modal-->\r\n          <ng-template #LogVariablesModal let-modal>\r\n            <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n              <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n              <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n                <span class=\"svg-icon svg-icon-1\">\r\n                  <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n                </span>\r\n              </button>\r\n            </div>\r\n            <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n              <div class=\"mb-13 text-center\">\r\n                <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"LogVariables\")}}</h1>\r\n              </div>\r\n              <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n                <thead>\r\n                  <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                    <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                    <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"VariableType\")}}</th>\r\n                    <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                  </tr>\r\n                </thead>\r\n                <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n                  <tr *ngFor=\"let logVar of logVariablesPagingResult\">\r\n                    <td>\r\n                      <span class=\"text-dark\">{{logVar.variableName}}</span>\r\n                    </td>\r\n                    <td>{{logVar.variableType}}</td>\r\n                    <td>{{logVar.variableValue}}</td>\r\n                  </tr>\r\n                  <tr *ngIf=\"logVariablesPagingResult.length == 0\">\r\n                    <td colspan=\"3\">\r\n                      <lib-empty-data></lib-empty-data>\r\n                    </td>\r\n                  </tr>\r\n                </tbody>\r\n              </table>\r\n            </div>\r\n            <div class=\"modal-footer\">\r\n              <button type=\"button\" class=\"btn btn-secondary\" data-dismiss=\"modal\">\r\n                {{utilityService.getResourceValue(\"Close\")}}\r\n              </button>\r\n            </div>\r\n          </ng-template>\r\n        </li>\r\n\r\n      </ul>\r\n      <div [ngbNavOutlet]=\"nav\"></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [""], components: [{ type: i7.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i8.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i9.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i8.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i10.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i6.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }], directives: [{ type: i6.NgbNav, selector: "[ngbNav]", inputs: ["animation", "destroyOnHide", "orientation", "roles", "keyboard", "activeId"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { type: i6.NgbNavItem, selector: "[ngbNavItem]", inputs: ["disabled", "domId", "destroyOnHide", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { type: i6.NgbNavLink, selector: "a[ngbNavLink]" }, { type: i6.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i12.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i12.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i6.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i13.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: InstanceInfoComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/workflows/tabs/tabs.component.js

@@ -770,7 +770,7 @@ export class TabsComponent {
     }
 }
 TabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: TabsComponent, deps: [{ token: i1.AuthService }, { token: i2.WorkflowService }, { token: i3.ActivatedRoute }, { token: i4.WorkflowVariablesService }, { token: i5.WorkflowActivityService }, { token: i6.PageInfoService }, { token: i7.NgbModal }, { token: i1.EnvironmentService }, { token: i1.BBSFTranslateService }, { token: i1.UtilityService }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-TabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: TabsComponent, selector: "lib-tabs", viewQueries: [{ propertyName: "publishConfirmationModalControl", first: true, predicate: ["publishConfirmationModalControl"], descendants: true }, { propertyName: "WFVersionPagingElement", first: true, predicate: ["WorkflowVersionPagingViewElement"], descendants: true }, { propertyName: "WorkflowVariablePagingViewElement", first: true, predicate: ["WorkflowVariablePagingViewElement"], descendants: true }, { propertyName: "ActivityPagingViewElement", first: true, predicate: ["ActivityPagingViewElement"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n  <div class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-body\">\r\n        <ul ngbNav #nav=\"ngbNav\" class=\"nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bolder\">\r\n          <li ngbNavItem class=\"nav-item mt-2\">\r\n            <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"getDetails()\">{{utilityService.getResourceValue(\"Details\")}}</a>\r\n            <ng-template ngbNavContent>\r\n              <div class=\"card\">\r\n                <div class=\"card-header border-0 pt-5 px-0  justify-content-end\">\r\n                  <div class=\"card-toolbar\">\r\n                    <button type=\"button\" *ngIf=\"!WorkflowDetails.isPublished\"\r\n                            id=\"btnPublish\" class=\"btn btn-sm btn-primary\" (click)=\"showPublishWFModal(WorkflowDetails.idEncrypted)\">\r\n                      {{utilityService.getResourceValue(\"PublishWorkflow\")}}\r\n\r\n                    </button>\r\n                    <!--<a class=\"btn btn-sm btn-light-primary\">\r\n            {{utilityService.getResourceValue(\"Preview\")}}\r\n          </a>-->\r\n\r\n                  </div>\r\n                </div>\r\n                <div class=\"card-body py-3 px-0\">\r\n                  <form [formGroup]=\"DetailsForm\" *ngIf=\"ShowWorkflowDetails\">\r\n                    <div class=\"row\">\r\n                      <div class=\"col-md-12\">\r\n                        <BBSF-MultiLingualTextBox [options]=\"NameMultilingualTextBox\"\r\n                                                  [group]=\"DetailsForm\">\r\n                        </BBSF-MultiLingualTextBox>\r\n                        <div class=\"col-md-12\">\r\n                          <BBSF-MultiLingualTextBox [options]=\"DescriptionMultilingualTextBox\"\r\n                                                    [group]=\"DetailsForm\">\r\n                          </BBSF-MultiLingualTextBox>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"col-md-12\">\r\n                        <BBSF-TextBox [options]=\"SysName\"\r\n                                      [group]=\"DetailsForm\">\r\n                        </BBSF-TextBox>\r\n                      </div>\r\n                      <div class=\"col-md-6\">\r\n                        <div class=\"form-group\">\r\n                          <div class=\"label-content\">\r\n                            <BBSF-TextBox [options]=\"Active\"\r\n                                          [group]=\"DetailsForm\">\r\n                            </BBSF-TextBox>\r\n                          </div>\r\n                        </div>\r\n\r\n                      </div>\r\n                      <div class=\"col-md-6\">\r\n                        <div class=\"form-group\">\r\n                          <div class=\"label-content\">\r\n                            <BBSF-TextBox [options]=\"Published\"\r\n                                          [group]=\"DetailsForm\">\r\n                            </BBSF-TextBox>\r\n                          </div>\r\n                        </div>\r\n\r\n                      </div>\r\n                    </div>\r\n\r\n\r\n                  </form>\r\n\r\n\r\n                </div>\r\n                <!--end:: Widgets/Applications/User/Profile3-->\r\n              </div>\r\n            </ng-template>\r\n            <!--Publish workflow confirmation-->\r\n            <BBSF-ConfirmationModal *ngIf=\"publishControlLoaded\" [options]=\"publishWFConfirmationOptions\" id=\"publishConfirmationModalControl\" #publishConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n          </li>\r\n          <li ngbNavItem class=\"nav-item mt-2\">\r\n            <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"initializeVersion()\">{{utilityService.getResourceValue(\"Versions\")}}</a>\r\n            <ng-template ngbNavContent>\r\n              <div class=\"card\">\r\n                <div class=\"card-header border-0 pt-5 px-0\">\r\n                  <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n                    <form [formGroup]=\"WorkflowVersionForm\">\r\n                      <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"WorkflowVersionForm\"></BBSF-TextBox>\r\n                      <BBSF-TextBox [options]=\"WorkflowIdTextBox\"\r\n                                    [group]=\"WorkflowVersionForm\" [hidden]=\"true\"></BBSF-TextBox>\r\n                    </form>\r\n                  </div>\r\n                </div>\r\n                <div class=\"card-body py-3 px-0\">\r\n                  <!--begin::Permission list-->\r\n                  <div class=\"table-responsive\">\r\n                    <!-- begin::Table -->\r\n                    <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n                      <thead>\r\n                        <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                          <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Change\")}}</th>\r\n                          <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Current\")}}</th>\r\n                          <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Published\")}}</th>\r\n                          <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"CreationDate\")}}</th>\r\n                        </tr>\r\n                      </thead>\r\n                      <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n                        <tr *ngFor=\"let version of WorkflowVersionPagingResult\">\r\n                          <td>\r\n                            <a href=\"javascript:void(0)\"\r\n                               [routerLink]=\"['/Admin/Workflows/VersionInfo',version.idEncrypted]\"\r\n                               routerLinkActive=\"router-link-active\"\r\n                               class=\"text-dark\">{{version.changeStr}}</a>\r\n                          </td>\r\n                          <td>{{version.isCurrent}}</td>\r\n                          <td>{{version.isPublished}}</td>\r\n                          <td>{{version.creationDate}}</td>\r\n                        </tr>\r\n                        <tr *ngIf=\"WorkflowVersionPagingResult.length == 0\">\r\n                          <td colspan=\"4\">\r\n                            <lib-empty-data></lib-empty-data>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                  <!--end::Permission list-->\r\n                </div>\r\n                <div class=\"card-footer border-0\">\r\n                  <BBSF-Paging (Items)=\"setWorkflowVersionListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                               [options]=\"WorkflowVersionPaging\" [group]=\"WorkflowVersionForm\"\r\n                               #WorkflowVersionPagingViewElement>\r\n                  </BBSF-Paging>\r\n                </div>\r\n                <!--end:: Widgets/Applications/User/Profile3-->\r\n              </div>\r\n            </ng-template>\r\n          </li>\r\n          <li ngbNavItem class=\"nav-item mt-2\">\r\n            <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"initializeWorkflowVariables()\">{{utilityService.getResourceValue(\"WorkflowVariables\")}}</a>\r\n            <ng-template ngbNavContent>\r\n              <div class=\"card\">\r\n                <div class=\"card-header border-0 pt-5 px-0\">\r\n                  <div class=\"card-title align-items-start flex-column\">\r\n                    <div class=\"filter-container text-dark\"\r\n                         *ngIf=\"IsWorkflowVariableFilterLoaded\">\r\n                      <form [formGroup]=\"WorkflowVariableForm\">\r\n                        <BBSF-TextBox [options]=\"WorkflowVariablesearchTextBox\"\r\n                                      [group]=\"WorkflowVariableForm\"></BBSF-TextBox>\r\n                        <BBSF-TextBox [options]=\"VerisonIdTextBox\"\r\n                                      [group]=\"WorkflowVariableForm\" [hidden]=\"true\"></BBSF-TextBox>\r\n                      </form>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"card-toolbar\">\r\n                    <button type=\"button\" title=\"Add\" class=\"btn btn-primary btn-sm\"\r\n                            (click)=\"showAddWorkflowVariableModal(AddWorkflowVariableModal)\">\r\n                      <i class=\" fa fa-plus\"></i> {{utilityService.getResourceValue(\"Add\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                <div class=\"card-body py-3 px-0\">\r\n                  <!--begin::Permission list-->\r\n                  <div class=\"table-responsive\">\r\n                    <!-- begin::Table -->\r\n                    <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n                      <thead>\r\n                        <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n\r\n                          <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                          <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"SysName\")}}</th>\r\n                          <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"DataType\")}}</th>\r\n                          <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"VariableType\")}}</th>\r\n                          <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n\r\n\r\n                        </tr>\r\n                      </thead>\r\n                      <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n                        <tr *ngFor=\"let WorkflowVariable of WorkflowVariablePagingResult\">\r\n\r\n                          <td>\r\n                            <a href=\"javascript:void(0)\" class=\"text-dark\">{{WorkflowVariable.nameStr}}</a>\r\n\r\n                          </td>\r\n\r\n                          <td>\r\n                            {{WorkflowVariable.sysName}}\r\n                          </td>\r\n                          <td>{{WorkflowVariable.dataTypeItem}}</td>\r\n                          <td>{{WorkflowVariable.variableTypeItem}}</td>\r\n\r\n                          <td>\r\n                            <a class=\"btn btn-sm btn-light-primary btn-icon\"\r\n                               (click)=\"showEditWorkflowVariableModal(WorkflowVariable.id,WorkflowVariable.idEncrypted, EditWorkflowVariableModal)\">\r\n                              <i class=\"fa fa-edit\"\r\n                                 aria-hidden=\"true\"></i>\r\n                            </a>\r\n\r\n                          </td>\r\n                        </tr>\r\n                        <tr *ngIf=\"WorkflowVariablePagingResult.length == 0\">\r\n                          <td colspan=\"5\">\r\n                            <lib-empty-data></lib-empty-data>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                  <!--end::Permission list-->\r\n                </div>\r\n                <div class=\"card-footer border-0\">\r\n                  <BBSF-Paging (Items)=\"setWorkflowVariableListResult($event)\"\r\n                               *ngIf=\"IsWorkflowVariableFilterLoaded\" [options]=\"WorkflowVariablePaging\"\r\n                               [group]=\"WorkflowVariableForm\" #WorkflowVariablePagingViewElement>\r\n                  </BBSF-Paging>\r\n                </div>\r\n                <!--end:: Widgets/Applications/User/Profile3-->\r\n              </div>\r\n              <!-- Add Modal -->\r\n              <ng-template #AddWorkflowVariableModal let-modal>\r\n                <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n                  <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n                  <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n                    <span class=\"svg-icon svg-icon-1\">\r\n                      <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n                    </span>\r\n                  </button>\r\n                </div>\r\n                <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n                  <div class=\"mb-13 text-center\">\r\n                    <h1 class=\"mb-3\">\r\n                      {{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"WorkflowVariable\")}}\r\n                    </h1>\r\n                  </div>\r\n\r\n                  <BBSF-Form [options]=\"AddWorkflowVariableFormOptions\">\r\n\r\n                    <div class=\"row\">\r\n                      <div class=\"col-md-12\">\r\n                        <BBSF-MultiLingualTextBox [options]=\"AddWFVariableName\" [group]=\"AddWorkflowVariableForm\"></BBSF-MultiLingualTextBox>\r\n\r\n                      </div>\r\n\r\n                    </div>\r\n                    <div class=\"row\">\r\n                      <div class=\"col-md-12\">\r\n                        <BBSF-TextBox [options]=\"AddWFVariableSysName\"\r\n                                      [group]=\"AddWorkflowVariableForm\">\r\n                        </BBSF-TextBox>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                      <div class=\"col-md-12\">\r\n                        <BBSF-DropdownList (OnChange)=\"WFVariableTypeOnChange($event,true)\" [options]=\"AddWFVariableDataType\"\r\n                                           [group]=\"AddWorkflowVariableForm\">\r\n                        </BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class=\"row\">\r\n                      <div class=\"col-md-12\">\r\n                        <BBSF-Toggleslide [options]=\"AddWFVariableConstant\"\r\n                                          [group]=\"AddWorkflowVariableForm\">\r\n                        </BBSF-Toggleslide>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"row\" *ngIf=\"showAddLookupsTable\">\r\n                      <div class=\"table-responsive\">\r\n                        <!-- begin::Table -->\r\n                        <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n                          <thead>\r\n                            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"NameEN\")}}</th>\r\n                              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"NameAR\")}}</th>\r\n                              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                              <th class=\"min-w-150px\"></th>\r\n                            </tr>\r\n                          </thead>\r\n                          <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                            <tr *ngFor=\"let option of addWFVariablesLookupOptions;let i=index;\">\r\n\r\n                              <td>\r\n                                <BBSF-TextBox [options]=\"option[0]\" [group]=\"AddWorkflowVariableForm\">\r\n                                </BBSF-TextBox>\r\n                              </td>\r\n                              <td>\r\n                                <BBSF-TextBox [options]=\"option[1]\" [group]=\"AddWorkflowVariableForm\">\r\n                                </BBSF-TextBox>\r\n                              </td>\r\n                              <td>\r\n                                <BBSF-TextBox [options]=\"option[2]\" [group]=\"AddWorkflowVariableForm\">\r\n                                </BBSF-TextBox>\r\n                              </td>\r\n                              <td>\r\n                                <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteWFVariableLookup(option,true)\">\r\n                                  <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                                </a>\r\n                              </td>\r\n                            </tr>\r\n                            <tr>\r\n                              <td colspan=\"4\">\r\n                                <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addWFVariableLookupinAddMode()\">\r\n                                  {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                                </button>\r\n                              </td>\r\n                            </tr>\r\n\r\n\r\n                          </tbody>\r\n                        </table>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"text-center pt-7\">\r\n                      <button #CloseWorkflowVariableModal id=\"CloseWorkflowVariableModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                              (click)=\"modal.dismiss()\">\r\n                        {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n                      </button>\r\n                      <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n                    </div>\r\n                  </BBSF-Form>\r\n                </div>\r\n              </ng-template>\r\n       \r\n              <!--Edit Modal-->\r\n              <ng-template #EditWorkflowVariableModal let-modal>\r\n                <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n                  <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n                  <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n                    <span class=\"svg-icon svg-icon-1\">\r\n                      <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n                    </span>\r\n                  </button>\r\n                </div>\r\n                <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n                  <div class=\"mb-13 text-center\">\r\n                    <h1 class=\"mb-3\">\r\n                      {{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"WorkflowVariable\")}}\r\n                    </h1>\r\n                  </div>\r\n                  <BBSF-Form [options]=\"EditWorkflowVariableFormOptions\">\r\n\r\n                    <div class=\"row\">\r\n                      <div class=\"col-md-12\">\r\n                        <BBSF-MultiLingualTextBox [options]=\"EditWFVariableName\" [group]=\"EditWorkflowVariableForm\"></BBSF-MultiLingualTextBox>\r\n                      </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"row\">\r\n                      <div class=\"col-md-12\">\r\n                        <BBSF-TextBox [options]=\"EditWFVariableSysName\"\r\n                                      [group]=\"EditWorkflowVariableForm\">\r\n                        </BBSF-TextBox>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                      <div class=\"col-md-12\">\r\n                        <BBSF-DropdownList (OnChange)=\"WFVariableTypeOnChange($event,false)\" [options]=\"EditWFVariableDataType\"\r\n                                           [group]=\"EditWorkflowVariableForm\">\r\n                        </BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class=\"row\">\r\n                      <div class=\"col-md-12\">\r\n                        <BBSF-Toggleslide [options]=\"EditWFVariableConstant\"\r\n                                          [group]=\"EditWorkflowVariableForm\">\r\n                        </BBSF-Toggleslide>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"row\" *ngIf=\"showEditLookupsTable\">\r\n                      <div class=\"table-responsive\">\r\n                        <!-- begin::Table -->\r\n                        <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n                          <thead>\r\n                            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"NameEN\")}}</th>\r\n                              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"NameAR\")}}</th>\r\n                              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                              <th class=\"min-w-150px\"></th>\r\n                            </tr>\r\n                          </thead>\r\n                          <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                            <tr *ngFor=\"let option of editWFVariablesLookupOptions;let i=index;\">\r\n\r\n                              <td>\r\n                                <BBSF-TextBox [hidden]=\"true\" [options]=\"option[0]\" [group]=\"EditWorkflowVariableForm\">\r\n                                </BBSF-TextBox>\r\n                                <BBSF-TextBox [options]=\"option[1]\" [group]=\"EditWorkflowVariableForm\">\r\n                                </BBSF-TextBox>\r\n                              </td>\r\n                              <td>\r\n                                <BBSF-TextBox [options]=\"option[2]\" [group]=\"EditWorkflowVariableForm\">\r\n                                </BBSF-TextBox>\r\n                              </td>\r\n                              <td>\r\n                                <BBSF-TextBox [options]=\"option[3]\" [group]=\"EditWorkflowVariableForm\">\r\n                                </BBSF-TextBox>\r\n                              </td>\r\n                              <td>\r\n                                <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteWFVariableLookup(option,false)\">\r\n                                  <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                                </a>\r\n                              </td>\r\n                            </tr>\r\n                            <tr>\r\n                              <td colspan=\"4\">\r\n                                <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addWFVariableLookupinEditMode()\">\r\n                                  {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                                </button>\r\n                              </td>\r\n                            </tr>\r\n\r\n\r\n                          </tbody>\r\n                        </table>\r\n                      </div>\r\n                    </div>\r\n\r\n\r\n\r\n                    <div class=\"text-center pt-7\">\r\n                      <button #CloseEditWorkflowVariableModal id=\"CloseEditWorkflowVariableModal\" type=\"button\"\r\n                              class=\"btn btn-light btn-sm  me-3\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n                        {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n                      </button>\r\n                      <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n                    </div>\r\n                  </BBSF-Form>\r\n                </div>\r\n              </ng-template>\r\n\r\n            </ng-template>\r\n          </li>\r\n          <li ngbNavItem class=\"nav-item mt-2\">\r\n            <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\"  (click)=\"initializeWorkflowActivity()\">\r\n              {{utilityService.getResourceValue(\"WorkflowActivities\")}}\r\n            </a>\r\n            <ng-template ngbNavContent>\r\n              <div class=\"card\">\r\n                <div class=\"card-header border-0 pt-5 px-0\">\r\n                  <div class=\"card-title align-items-start flex-column\">\r\n                    <div class=\"filter-container text-dark\"\r\n                         *ngIf=\"IsworkflowActivityFilterLoaded\">\r\n                      <form [formGroup]=\"workflowActivityForm\">\r\n                        <div id=\"filtersContainer\" data-isloaded=\"true\">\r\n                          <BBSF-TextBox [options]=\"WorkflowActivityIdTextBox\"\r\n                                        [group]=\"workflowActivityForm\" [hidden]=\"true\"></BBSF-TextBox>\r\n                        </div>\r\n                      </form>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"card-toolbar\">\r\n                    <button type=\"button\" title=\"Add\" class=\"btn btn-primary btn-sm\" [routerLink]=\"['/Admin/Workflows/AddActivity',VersionId]\">\r\n                      <i class=\"fa fa-plus\"></i> {{utilityService.getResourceValue(\"Add\")}}\r\n\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                <div class=\"card-body py-3 px-0\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-6 mb-8\" *ngFor=\"let workflowActivity of ActivityPagingResult\">\r\n                      <div class=\"card bg-light-dark rounded\">\r\n                        <div class=\"card-header border-0 pt-9\">\r\n                          <div class=\"card-title m-0 fs-2 text-primary\">\r\n                            {{workflowActivity.typeNameStr}}\r\n                          </div>\r\n                          <div class=\"card-toolbar\">\r\n                            <button type=\"button\" class=\"btn btn-primary btn-sm me-2 \" (click)=\"showAddWFVariablestoActivity(workflowActivity.versionID,workflowActivity.id,wfActivityVariablesModal)\">\r\n                              <i class=\"fa fa-gear\" aria-hidden=\"true\">\r\n                                {{utilityService.getResourceValue(\"WorkflowVariables\")}}\r\n                              </i>\r\n                            </button>\r\n                            <button type=\"button\" id=\"btnAdd\" class=\"btn btn-light-primary btn-sm btn-icon me-2\" [routerLink]=\"['/Admin/Workflows/EditActivity',workflowActivity.idEncrypted]\">\r\n                              <i *ngIf=\"workflowActivity.isPublished\" class=\"fas fa-pen\"></i>\r\n                              <i *ngIf=\"!workflowActivity.isPublished\" class=\"fas fa-pen\" aria-hidden=\"true\"></i>\r\n                            </button>\r\n                          </div>\r\n                        </div>\r\n                        <div class=\"card-body p-9\">\r\n                          <div class=\"fs-6 fw-bolder text-dark\">{{utilityService.getResourceValue(\"WFOutcome\")}}</div>\r\n                          <div class=\"text-gray-400 fw-bold fs-5 mt-1 mb-7\">\r\n                            <ul class=\"list-unstyled\">\r\n\r\n                              <li>\r\n                                {{utilityService.getResourceValue(\"WorkflowVariables\")}}\r\n                                <ul id=\"horizontalmenu\">\r\n                                  <li class=\"text-dark\" *ngFor=\"let item of workflowActivity.variables\">\r\n                                    <i class=\"fa fa-gear\"></i>\r\n                                    {{item.sysName}}\r\n\r\n                                  </li>\r\n                                </ul>\r\n                              </li>\r\n\r\n                            </ul>\r\n                          </div>\r\n\r\n                          <div class=\" mb-5\">\r\n                            <div *ngFor=\"let item of workflowActivity.outcomes\">\r\n                              {{ item.nameEN }}: {{item.nextActvityName}}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        <!--end:: Card body-->\r\n\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"card-footer border-0\">\r\n                  <BBSF-Paging (Items)=\"setActivityListResult($event)\"\r\n                               *ngIf=\"IsworkflowActivityFilterLoaded\" [options]=\"ActivityPaging\"\r\n                               [group]=\"workflowActivityForm\" #ActivityPagingViewElement>\r\n                  </BBSF-Paging>\r\n                </div>\r\n                <!--end:: Widgets/Applications/User/Profile3-->\r\n              </div>\r\n\r\n              <ng-template #wfActivityVariablesModal let-modal>\r\n                <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n                  <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n                  <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n                    <span class=\"svg-icon svg-icon-1\">\r\n                      <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n                    </span>\r\n                  </button>\r\n                </div>\r\n                <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n                  <div class=\"mb-13 text-center\">\r\n                    <h1 class=\"mb-3\">\r\n                      {{utilityService.getResourceValue(\"AddWorkflowVariables\")}}\r\n                    </h1>\r\n                  </div>\r\n                  <BBSF-Form [options]=\"addWorkflowVariabletoActivityFormOptions\">\r\n                    <div class=\"row\">\r\n                      <div class=\"table-responsive\">\r\n                        <!-- begin::Table -->\r\n                        <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n                          <thead>\r\n                            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"WorkflowVariables\")}}</th>\r\n                              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Enabled\")}}</th>\r\n                              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Mandatory\")}}</th>\r\n                              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Visible\")}}</th>\r\n                              <th class=\"min-w-150px\"></th>\r\n                            </tr>\r\n                          </thead>\r\n                          <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                            <tr *ngFor=\"let option of activityWFVariableOptions;let i=index;\">\r\n\r\n                              <td>\r\n                                <!--hidden is system-->\r\n                                <BBSF-TextBox [hidden]=\"true\" [options]=\"option[0]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                </BBSF-TextBox>\r\n\r\n                                <!--if is systm-->\r\n                                <div *ngIf=\"option[7];else variableNameDDL;\">\r\n                                  <!--variavle name-->\r\n                                  <BBSF-TextBox [options]=\"option[8]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                  </BBSF-TextBox>\r\n                                  <!--hidden variable id-->\r\n                                  <BBSF-TextBox [hidden]=\"true\" [options]=\"option[9]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                  </BBSF-TextBox>\r\n                                </div>\r\n                                <!--variavle name ddl-->\r\n                                <ng-template #variableNameDDL>\r\n                                  <BBSF-DropdownList [options]=\"option[8]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                  </BBSF-DropdownList>\r\n                                </ng-template>\r\n                              </td>\r\n                              <td>\r\n                                <!--is enabled-->\r\n                                <BBSF-CheckBox [options]=\"option[1]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                </BBSF-CheckBox>\r\n                                <BBSF-CheckBox [hidden]=\"true\" [options]=\"option[2]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                </BBSF-CheckBox>\r\n                              </td>\r\n                              <td>\r\n                                <!--is mandatory-->\r\n                                <BBSF-CheckBox [options]=\"option[3]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                </BBSF-CheckBox>\r\n                                <BBSF-CheckBox [hidden]=\"true\" [options]=\"option[4]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                </BBSF-CheckBox>\r\n                              </td>\r\n                              <td>\r\n                                <!--is visible-->\r\n                                <BBSF-CheckBox [options]=\"option[5]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                </BBSF-CheckBox>\r\n                                <BBSF-CheckBox [hidden]=\"true\" [options]=\"option[6]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                </BBSF-CheckBox>\r\n                              </td>\r\n                              <td>\r\n                                <!--if ! isSystem-->\r\n                                <a *ngIf=\"!option[7]\" class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteActivityWFVariable(option)\">\r\n                                  <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                                </a>\r\n                              </td>\r\n                            </tr>\r\n                            <tr>\r\n                              <td colspan=\"5\">\r\n                                <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addNewActivityWFVariable()\">\r\n                                  {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                                </button>\r\n                              </td>\r\n                            </tr>\r\n\r\n\r\n                          </tbody>\r\n                        </table>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"text-center pt-7\">\r\n                      <button type=\"button\" class=\"btn btn-light btn-sm  me-3\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n                        {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n                      </button>\r\n                      <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n                    </div>\r\n                  </BBSF-Form>\r\n                </div>\r\n              </ng-template>\r\n\r\n            </ng-template>\r\n          </li>\r\n        </ul>\r\n        <div [ngbNavOutlet]=\"nav\"></div>\r\n      </div>\r\n    </div>\r\n  \r\n  </div>\r\n\r\n", styles: [".nav.nav-tabs{background:#f7f8fa;border-bottom:0px}.nav-tabs .nav-item .nav-link{color:#494b74}.nav-tabs .nav-item .nav-link.active,.nav-tabs .nav-item .nav-link:active,.nav-tabs .nav-item .nav-link:hover{color:#494b74;font-weight:500}.workflow-tabs a.nav-link{padding:17px 25px}.kt-widget.kt-widget--user-profile-3.kt-widget.kt-widget--user-profile-3.workflow-activities{border-radius:15px;box-shadow:0 0 3px #dadada!important}.workflow-activities .kt-widget__progress{justify-content:flex-end;align-items:end}.workflow-activities .kt-widget__username{color:#494b74}.workflow-activities ul#horizontalmenu{color:#a4a4a4;list-style:outside}\n"], components: [{ type: i8.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i9.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i9.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i9.ɵw, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i10.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i9.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i9.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i9.ɵh, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i9.ɵj, selector: "BBSF-Toggleslide", inputs: ["group", "options"] }, { type: i9.ɵg, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }], directives: [{ type: i7.NgbNav, selector: "[ngbNav]", inputs: ["animation", "destroyOnHide", "orientation", "roles", "keyboard", "activeId"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { type: i7.NgbNavItem, selector: "[ngbNavItem]", inputs: ["disabled", "domId", "destroyOnHide", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { type: i7.NgbNavLink, selector: "a[ngbNavLink]" }, { type: i7.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i12.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i12.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i13.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { type: i3.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }] });
+TabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: TabsComponent, selector: "lib-tabs", viewQueries: [{ propertyName: "publishConfirmationModalControl", first: true, predicate: ["publishConfirmationModalControl"], descendants: true }, { propertyName: "WFVersionPagingElement", first: true, predicate: ["WorkflowVersionPagingViewElement"], descendants: true }, { propertyName: "WorkflowVariablePagingViewElement", first: true, predicate: ["WorkflowVariablePagingViewElement"], descendants: true }, { propertyName: "ActivityPagingViewElement", first: true, predicate: ["ActivityPagingViewElement"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n  <div class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-body\">\r\n        <ul ngbNav #nav=\"ngbNav\" class=\"nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bolder\">\r\n          <li ngbNavItem class=\"nav-item mt-2\">\r\n            <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"getDetails()\">{{utilityService.getResourceValue(\"Details\")}}</a>\r\n            <ng-template ngbNavContent>\r\n              <div class=\"card\">\r\n                <div class=\"card-header border-0 pt-5 px-0  justify-content-end\">\r\n                  <div class=\"card-toolbar\">\r\n                    <button type=\"button\" *ngIf=\"!WorkflowDetails.isPublished\"\r\n                            id=\"btnPublish\" class=\"btn btn-sm btn-primary\" (click)=\"showPublishWFModal(WorkflowDetails.idEncrypted)\">\r\n                      {{utilityService.getResourceValue(\"PublishWorkflow\")}}\r\n\r\n                    </button>\r\n                    <!--<a class=\"btn btn-sm btn-light-primary\">\r\n            {{utilityService.getResourceValue(\"Preview\")}}\r\n          </a>-->\r\n\r\n                  </div>\r\n                </div>\r\n                <div class=\"card-body py-3 px-0\">\r\n                  <form [formGroup]=\"DetailsForm\" *ngIf=\"ShowWorkflowDetails\">\r\n                    <div class=\"row\">\r\n                      <div class=\"col-md-12\">\r\n                        <BBSF-MultiLingualTextBox [options]=\"NameMultilingualTextBox\"\r\n                                                  [group]=\"DetailsForm\">\r\n                        </BBSF-MultiLingualTextBox>\r\n                        <div class=\"col-md-12\">\r\n                          <BBSF-MultiLingualTextBox [options]=\"DescriptionMultilingualTextBox\"\r\n                                                    [group]=\"DetailsForm\">\r\n                          </BBSF-MultiLingualTextBox>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"col-md-12\">\r\n                        <BBSF-TextBox [options]=\"SysName\"\r\n                                      [group]=\"DetailsForm\">\r\n                        </BBSF-TextBox>\r\n                      </div>\r\n                      <div class=\"col-md-6\">\r\n                        <div class=\"form-group\">\r\n                          <div class=\"label-content\">\r\n                            <BBSF-TextBox [options]=\"Active\"\r\n                                          [group]=\"DetailsForm\">\r\n                            </BBSF-TextBox>\r\n                          </div>\r\n                        </div>\r\n\r\n                      </div>\r\n                      <div class=\"col-md-6\">\r\n                        <div class=\"form-group\">\r\n                          <div class=\"label-content\">\r\n                            <BBSF-TextBox [options]=\"Published\"\r\n                                          [group]=\"DetailsForm\">\r\n                            </BBSF-TextBox>\r\n                          </div>\r\n                        </div>\r\n\r\n                      </div>\r\n                    </div>\r\n\r\n\r\n                  </form>\r\n\r\n\r\n                </div>\r\n                <!--end:: Widgets/Applications/User/Profile3-->\r\n              </div>\r\n            </ng-template>\r\n            <!--Publish workflow confirmation-->\r\n            <BBSF-ConfirmationModal *ngIf=\"publishControlLoaded\" [options]=\"publishWFConfirmationOptions\" id=\"publishConfirmationModalControl\" #publishConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n          </li>\r\n          <li ngbNavItem class=\"nav-item mt-2\">\r\n            <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"initializeVersion()\">{{utilityService.getResourceValue(\"Versions\")}}</a>\r\n            <ng-template ngbNavContent>\r\n              <div class=\"card\">\r\n                <div class=\"card-header border-0 pt-5 px-0\">\r\n                  <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n                    <form [formGroup]=\"WorkflowVersionForm\">\r\n                      <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"WorkflowVersionForm\"></BBSF-TextBox>\r\n                      <BBSF-TextBox [options]=\"WorkflowIdTextBox\"\r\n                                    [group]=\"WorkflowVersionForm\" [hidden]=\"true\"></BBSF-TextBox>\r\n                    </form>\r\n                  </div>\r\n                </div>\r\n                <div class=\"card-body py-3 px-0\">\r\n                  <!--begin::Permission list-->\r\n                  <div class=\"table-responsive\">\r\n                    <!-- begin::Table -->\r\n                    <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n                      <thead>\r\n                        <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                          <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Change\")}}</th>\r\n                          <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Current\")}}</th>\r\n                          <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Published\")}}</th>\r\n                          <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"CreationDate\")}}</th>\r\n                        </tr>\r\n                      </thead>\r\n                      <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n                        <tr *ngFor=\"let version of WorkflowVersionPagingResult\">\r\n                          <td>\r\n                            <a href=\"javascript:void(0)\"\r\n                               [routerLink]=\"['/Admin/Workflows/VersionInfo',version.idEncrypted]\"\r\n                               routerLinkActive=\"router-link-active\"\r\n                               class=\"text-dark\">{{version.changeStr}}</a>\r\n                          </td>\r\n                          <td>{{version.isCurrent}}</td>\r\n                          <td>{{version.isPublished}}</td>\r\n                          <td>{{version.creationDate}}</td>\r\n                        </tr>\r\n                        <tr *ngIf=\"WorkflowVersionPagingResult.length == 0\">\r\n                          <td colspan=\"4\">\r\n                            <lib-empty-data></lib-empty-data>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                  <!--end::Permission list-->\r\n                </div>\r\n                <div class=\"card-footer border-0\">\r\n                  <BBSF-Paging (Items)=\"setWorkflowVersionListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                               [options]=\"WorkflowVersionPaging\" [group]=\"WorkflowVersionForm\"\r\n                               #WorkflowVersionPagingViewElement>\r\n                  </BBSF-Paging>\r\n                </div>\r\n                <!--end:: Widgets/Applications/User/Profile3-->\r\n              </div>\r\n            </ng-template>\r\n          </li>\r\n          <li ngbNavItem class=\"nav-item mt-2\">\r\n            <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"initializeWorkflowVariables()\">{{utilityService.getResourceValue(\"WorkflowVariables\")}}</a>\r\n            <ng-template ngbNavContent>\r\n              <div class=\"card\">\r\n                <div class=\"card-header border-0 pt-5 px-0\">\r\n                  <div class=\"card-title align-items-start flex-column\">\r\n                    <div class=\"filter-container text-dark\"\r\n                         *ngIf=\"IsWorkflowVariableFilterLoaded\">\r\n                      <form [formGroup]=\"WorkflowVariableForm\">\r\n                        <BBSF-TextBox [options]=\"WorkflowVariablesearchTextBox\"\r\n                                      [group]=\"WorkflowVariableForm\"></BBSF-TextBox>\r\n                        <BBSF-TextBox [options]=\"VerisonIdTextBox\"\r\n                                      [group]=\"WorkflowVariableForm\" [hidden]=\"true\"></BBSF-TextBox>\r\n                      </form>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"card-toolbar\">\r\n                    <button type=\"button\" title=\"Add\" class=\"btn btn-primary btn-sm\"\r\n                            (click)=\"showAddWorkflowVariableModal(AddWorkflowVariableModal)\">\r\n                      <i class=\" fa fa-plus\"></i> {{utilityService.getResourceValue(\"Add\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                <div class=\"card-body py-3 px-0\">\r\n                  <!--begin::Permission list-->\r\n                  <div class=\"table-responsive\">\r\n                    <!-- begin::Table -->\r\n                    <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n                      <thead>\r\n                        <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n\r\n                          <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                          <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"SysName\")}}</th>\r\n                          <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"DataType\")}}</th>\r\n                          <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"VariableType\")}}</th>\r\n                          <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n\r\n\r\n                        </tr>\r\n                      </thead>\r\n                      <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n                        <tr *ngFor=\"let WorkflowVariable of WorkflowVariablePagingResult\">\r\n\r\n                          <td>\r\n                            <a href=\"javascript:void(0)\" class=\"text-dark\">{{WorkflowVariable.nameStr}}</a>\r\n\r\n                          </td>\r\n\r\n                          <td>\r\n                            {{WorkflowVariable.sysName}}\r\n                          </td>\r\n                          <td>{{WorkflowVariable.dataTypeItem}}</td>\r\n                          <td>{{WorkflowVariable.variableTypeItem}}</td>\r\n\r\n                          <td>\r\n                            <a class=\"btn btn-sm btn-light-primary btn-icon\"\r\n                               (click)=\"showEditWorkflowVariableModal(WorkflowVariable.id,WorkflowVariable.idEncrypted, EditWorkflowVariableModal)\">\r\n                              <i class=\"fa fa-edit\"\r\n                                 aria-hidden=\"true\"></i>\r\n                            </a>\r\n\r\n                          </td>\r\n                        </tr>\r\n                        <tr *ngIf=\"WorkflowVariablePagingResult.length == 0\">\r\n                          <td colspan=\"5\">\r\n                            <lib-empty-data></lib-empty-data>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                  <!--end::Permission list-->\r\n                </div>\r\n                <div class=\"card-footer border-0\">\r\n                  <BBSF-Paging (Items)=\"setWorkflowVariableListResult($event)\"\r\n                               *ngIf=\"IsWorkflowVariableFilterLoaded\" [options]=\"WorkflowVariablePaging\"\r\n                               [group]=\"WorkflowVariableForm\" #WorkflowVariablePagingViewElement>\r\n                  </BBSF-Paging>\r\n                </div>\r\n                <!--end:: Widgets/Applications/User/Profile3-->\r\n              </div>\r\n              <!-- Add Modal -->\r\n              <ng-template #AddWorkflowVariableModal let-modal>\r\n                <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n                  <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n                  <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n                    <span class=\"svg-icon svg-icon-1\">\r\n                      <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n                    </span>\r\n                  </button>\r\n                </div>\r\n                <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n                  <div class=\"mb-13 text-center\">\r\n                    <h1 class=\"mb-3\">\r\n                      {{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"WorkflowVariable\")}}\r\n                    </h1>\r\n                  </div>\r\n\r\n                  <BBSF-Form [options]=\"AddWorkflowVariableFormOptions\">\r\n\r\n                    <div class=\"row\">\r\n                      <div class=\"col-md-12\">\r\n                        <BBSF-MultiLingualTextBox [options]=\"AddWFVariableName\" [group]=\"AddWorkflowVariableForm\"></BBSF-MultiLingualTextBox>\r\n\r\n                      </div>\r\n\r\n                    </div>\r\n                    <div class=\"row\">\r\n                      <div class=\"col-md-12\">\r\n                        <BBSF-TextBox [options]=\"AddWFVariableSysName\"\r\n                                      [group]=\"AddWorkflowVariableForm\">\r\n                        </BBSF-TextBox>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                      <div class=\"col-md-12\">\r\n                        <BBSF-DropdownList (OnChange)=\"WFVariableTypeOnChange($event,true)\" [options]=\"AddWFVariableDataType\"\r\n                                           [group]=\"AddWorkflowVariableForm\">\r\n                        </BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class=\"row\">\r\n                      <div class=\"col-md-12\">\r\n                        <BBSF-Toggleslide [options]=\"AddWFVariableConstant\"\r\n                                          [group]=\"AddWorkflowVariableForm\">\r\n                        </BBSF-Toggleslide>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"row\" *ngIf=\"showAddLookupsTable\">\r\n                      <div class=\"table-responsive\">\r\n                        <!-- begin::Table -->\r\n                        <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n                          <thead>\r\n                            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"NameEN\")}}</th>\r\n                              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"NameAR\")}}</th>\r\n                              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                              <th class=\"min-w-150px\"></th>\r\n                            </tr>\r\n                          </thead>\r\n                          <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                            <tr *ngFor=\"let option of addWFVariablesLookupOptions;let i=index;\">\r\n\r\n                              <td>\r\n                                <BBSF-TextBox [options]=\"option[0]\" [group]=\"AddWorkflowVariableForm\">\r\n                                </BBSF-TextBox>\r\n                              </td>\r\n                              <td>\r\n                                <BBSF-TextBox [options]=\"option[1]\" [group]=\"AddWorkflowVariableForm\">\r\n                                </BBSF-TextBox>\r\n                              </td>\r\n                              <td>\r\n                                <BBSF-TextBox [options]=\"option[2]\" [group]=\"AddWorkflowVariableForm\">\r\n                                </BBSF-TextBox>\r\n                              </td>\r\n                              <td>\r\n                                <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteWFVariableLookup(option,true)\">\r\n                                  <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                                </a>\r\n                              </td>\r\n                            </tr>\r\n                            <tr>\r\n                              <td colspan=\"4\">\r\n                                <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addWFVariableLookupinAddMode()\">\r\n                                  {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                                </button>\r\n                              </td>\r\n                            </tr>\r\n\r\n\r\n                          </tbody>\r\n                        </table>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"text-center pt-7\">\r\n                      <button #CloseWorkflowVariableModal id=\"CloseWorkflowVariableModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                              (click)=\"modal.dismiss()\">\r\n                        {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n                      </button>\r\n                      <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n                    </div>\r\n                  </BBSF-Form>\r\n                </div>\r\n              </ng-template>\r\n       \r\n              <!--Edit Modal-->\r\n              <ng-template #EditWorkflowVariableModal let-modal>\r\n                <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n                  <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n                  <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n                    <span class=\"svg-icon svg-icon-1\">\r\n                      <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n                    </span>\r\n                  </button>\r\n                </div>\r\n                <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n                  <div class=\"mb-13 text-center\">\r\n                    <h1 class=\"mb-3\">\r\n                      {{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"WorkflowVariable\")}}\r\n                    </h1>\r\n                  </div>\r\n                  <BBSF-Form [options]=\"EditWorkflowVariableFormOptions\">\r\n\r\n                    <div class=\"row\">\r\n                      <div class=\"col-md-12\">\r\n                        <BBSF-MultiLingualTextBox [options]=\"EditWFVariableName\" [group]=\"EditWorkflowVariableForm\"></BBSF-MultiLingualTextBox>\r\n                      </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"row\">\r\n                      <div class=\"col-md-12\">\r\n                        <BBSF-TextBox [options]=\"EditWFVariableSysName\"\r\n                                      [group]=\"EditWorkflowVariableForm\">\r\n                        </BBSF-TextBox>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                      <div class=\"col-md-12\">\r\n                        <BBSF-DropdownList (OnChange)=\"WFVariableTypeOnChange($event,false)\" [options]=\"EditWFVariableDataType\"\r\n                                           [group]=\"EditWorkflowVariableForm\">\r\n                        </BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class=\"row\">\r\n                      <div class=\"col-md-12\">\r\n                        <BBSF-Toggleslide [options]=\"EditWFVariableConstant\"\r\n                                          [group]=\"EditWorkflowVariableForm\">\r\n                        </BBSF-Toggleslide>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"row\" *ngIf=\"showEditLookupsTable\">\r\n                      <div class=\"table-responsive\">\r\n                        <!-- begin::Table -->\r\n                        <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n                          <thead>\r\n                            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"NameEN\")}}</th>\r\n                              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"NameAR\")}}</th>\r\n                              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                              <th class=\"min-w-150px\"></th>\r\n                            </tr>\r\n                          </thead>\r\n                          <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                            <tr *ngFor=\"let option of editWFVariablesLookupOptions;let i=index;\">\r\n\r\n                              <td>\r\n                                <BBSF-TextBox [hidden]=\"true\" [options]=\"option[0]\" [group]=\"EditWorkflowVariableForm\">\r\n                                </BBSF-TextBox>\r\n                                <BBSF-TextBox [options]=\"option[1]\" [group]=\"EditWorkflowVariableForm\">\r\n                                </BBSF-TextBox>\r\n                              </td>\r\n                              <td>\r\n                                <BBSF-TextBox [options]=\"option[2]\" [group]=\"EditWorkflowVariableForm\">\r\n                                </BBSF-TextBox>\r\n                              </td>\r\n                              <td>\r\n                                <BBSF-TextBox [options]=\"option[3]\" [group]=\"EditWorkflowVariableForm\">\r\n                                </BBSF-TextBox>\r\n                              </td>\r\n                              <td>\r\n                                <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteWFVariableLookup(option,false)\">\r\n                                  <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                                </a>\r\n                              </td>\r\n                            </tr>\r\n                            <tr>\r\n                              <td colspan=\"4\">\r\n                                <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addWFVariableLookupinEditMode()\">\r\n                                  {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                                </button>\r\n                              </td>\r\n                            </tr>\r\n\r\n\r\n                          </tbody>\r\n                        </table>\r\n                      </div>\r\n                    </div>\r\n\r\n\r\n\r\n                    <div class=\"text-center pt-7\">\r\n                      <button #CloseEditWorkflowVariableModal id=\"CloseEditWorkflowVariableModal\" type=\"button\"\r\n                              class=\"btn btn-light btn-sm  me-3\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n                        {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n                      </button>\r\n                      <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n                    </div>\r\n                  </BBSF-Form>\r\n                </div>\r\n              </ng-template>\r\n\r\n            </ng-template>\r\n          </li>\r\n          <li ngbNavItem class=\"nav-item mt-2\">\r\n            <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\"  (click)=\"initializeWorkflowActivity()\">\r\n              {{utilityService.getResourceValue(\"WorkflowActivities\")}}\r\n            </a>\r\n            <ng-template ngbNavContent>\r\n              <div class=\"card\">\r\n                <div class=\"card-header border-0 pt-5 px-0\">\r\n                  <div class=\"card-title align-items-start flex-column\">\r\n                    <div class=\"filter-container text-dark\"\r\n                         *ngIf=\"IsworkflowActivityFilterLoaded\">\r\n                      <form [formGroup]=\"workflowActivityForm\">\r\n                        <div id=\"filtersContainer\" data-isloaded=\"true\">\r\n                          <BBSF-TextBox [options]=\"WorkflowActivityIdTextBox\"\r\n                                        [group]=\"workflowActivityForm\" [hidden]=\"true\"></BBSF-TextBox>\r\n                        </div>\r\n                      </form>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"card-toolbar\">\r\n                    <button type=\"button\" title=\"Add\" class=\"btn btn-primary btn-sm\" [routerLink]=\"['/Admin/Workflows/AddActivity',VersionId]\">\r\n                      <i class=\"fa fa-plus\"></i> {{utilityService.getResourceValue(\"Add\")}}\r\n\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                <div class=\"card-body py-3 px-0\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-6 mb-8\" *ngFor=\"let workflowActivity of ActivityPagingResult\">\r\n                      <div class=\"card bg-light-dark rounded\">\r\n                        <div class=\"card-header border-0 pt-9\">\r\n                          <div class=\"card-title m-0 fs-2 text-primary\">\r\n                            {{workflowActivity.typeNameStr}}\r\n                          </div>\r\n                          <div class=\"card-toolbar\">\r\n                            <button type=\"button\" class=\"btn btn-primary btn-sm me-2 \" (click)=\"showAddWFVariablestoActivity(workflowActivity.versionID,workflowActivity.id,wfActivityVariablesModal)\">\r\n                              <i class=\"fa fa-gear\" aria-hidden=\"true\">\r\n                                {{utilityService.getResourceValue(\"WorkflowVariables\")}}\r\n                              </i>\r\n                            </button>\r\n                            <button type=\"button\" id=\"btnAdd\" class=\"btn btn-light-primary btn-sm btn-icon me-2\" [routerLink]=\"['/Admin/Workflows/EditActivity',workflowActivity.idEncrypted]\">\r\n                              <i *ngIf=\"workflowActivity.isPublished\" class=\"fas fa-pen\"></i>\r\n                              <i *ngIf=\"!workflowActivity.isPublished\" class=\"fas fa-pen\" aria-hidden=\"true\"></i>\r\n                            </button>\r\n                          </div>\r\n                        </div>\r\n                        <div class=\"card-body p-9\">\r\n                          <div class=\"fs-6 fw-bolder text-dark\">{{utilityService.getResourceValue(\"WFOutcome\")}}</div>\r\n                          <div class=\"text-gray-400 fw-bold fs-5 mt-1 mb-7\">\r\n                            <ul class=\"list-unstyled\">\r\n\r\n                              <li>\r\n                                {{utilityService.getResourceValue(\"WorkflowVariables\")}}\r\n                                <ul id=\"horizontalmenu\">\r\n                                  <li class=\"text-dark\" *ngFor=\"let item of workflowActivity.variables\">\r\n                                    <i class=\"fa fa-gear\"></i>\r\n                                    {{item.sysName}}\r\n\r\n                                  </li>\r\n                                </ul>\r\n                              </li>\r\n\r\n                            </ul>\r\n                          </div>\r\n\r\n                          <div class=\" mb-5\">\r\n                            <div *ngFor=\"let item of workflowActivity.outcomes\">\r\n                              {{ item.nameEN }}: {{item.nextActvityName}}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        <!--end:: Card body-->\r\n\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"card-footer border-0\">\r\n                  <BBSF-Paging (Items)=\"setActivityListResult($event)\"\r\n                               *ngIf=\"IsworkflowActivityFilterLoaded\" [options]=\"ActivityPaging\"\r\n                               [group]=\"workflowActivityForm\" #ActivityPagingViewElement>\r\n                  </BBSF-Paging>\r\n                </div>\r\n                <!--end:: Widgets/Applications/User/Profile3-->\r\n              </div>\r\n\r\n              <ng-template #wfActivityVariablesModal let-modal>\r\n                <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n                  <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n                  <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n                    <span class=\"svg-icon svg-icon-1\">\r\n                      <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n                    </span>\r\n                  </button>\r\n                </div>\r\n                <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n                  <div class=\"mb-13 text-center\">\r\n                    <h1 class=\"mb-3\">\r\n                      {{utilityService.getResourceValue(\"AddWorkflowVariables\")}}\r\n                    </h1>\r\n                  </div>\r\n                  <BBSF-Form [options]=\"addWorkflowVariabletoActivityFormOptions\">\r\n                    <div class=\"row\">\r\n                      <div class=\"table-responsive\">\r\n                        <!-- begin::Table -->\r\n                        <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n                          <thead>\r\n                            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"WorkflowVariables\")}}</th>\r\n                              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Enabled\")}}</th>\r\n                              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Mandatory\")}}</th>\r\n                              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Visible\")}}</th>\r\n                              <th class=\"min-w-150px\"></th>\r\n                            </tr>\r\n                          </thead>\r\n                          <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                            <tr *ngFor=\"let option of activityWFVariableOptions;let i=index;\">\r\n\r\n                              <td>\r\n                                <!--hidden is system-->\r\n                                <BBSF-TextBox [hidden]=\"true\" [options]=\"option[0]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                </BBSF-TextBox>\r\n\r\n                                <!--if is systm-->\r\n                                <div *ngIf=\"option[7];else variableNameDDL;\">\r\n                                  <!--variavle name-->\r\n                                  <BBSF-TextBox [options]=\"option[8]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                  </BBSF-TextBox>\r\n                                  <!--hidden variable id-->\r\n                                  <BBSF-TextBox [hidden]=\"true\" [options]=\"option[9]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                  </BBSF-TextBox>\r\n                                </div>\r\n                                <!--variavle name ddl-->\r\n                                <ng-template #variableNameDDL>\r\n                                  <BBSF-DropdownList [options]=\"option[8]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                  </BBSF-DropdownList>\r\n                                </ng-template>\r\n                              </td>\r\n                              <td>\r\n                                <!--is enabled-->\r\n                                <BBSF-CheckBox [options]=\"option[1]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                </BBSF-CheckBox>\r\n                                <BBSF-CheckBox [hidden]=\"true\" [options]=\"option[2]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                </BBSF-CheckBox>\r\n                              </td>\r\n                              <td>\r\n                                <!--is mandatory-->\r\n                                <BBSF-CheckBox [options]=\"option[3]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                </BBSF-CheckBox>\r\n                                <BBSF-CheckBox [hidden]=\"true\" [options]=\"option[4]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                </BBSF-CheckBox>\r\n                              </td>\r\n                              <td>\r\n                                <!--is visible-->\r\n                                <BBSF-CheckBox [options]=\"option[5]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                </BBSF-CheckBox>\r\n                                <BBSF-CheckBox [hidden]=\"true\" [options]=\"option[6]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                </BBSF-CheckBox>\r\n                              </td>\r\n                              <td>\r\n                                <!--if ! isSystem-->\r\n                                <a *ngIf=\"!option[7]\" class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteActivityWFVariable(option)\">\r\n                                  <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                                </a>\r\n                              </td>\r\n                            </tr>\r\n                            <tr>\r\n                              <td colspan=\"5\">\r\n                                <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addNewActivityWFVariable()\">\r\n                                  {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                                </button>\r\n                              </td>\r\n                            </tr>\r\n\r\n\r\n                          </tbody>\r\n                        </table>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"text-center pt-7\">\r\n                      <button type=\"button\" class=\"btn btn-light btn-sm  me-3\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n                        {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n                      </button>\r\n                      <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n                    </div>\r\n                  </BBSF-Form>\r\n                </div>\r\n              </ng-template>\r\n\r\n            </ng-template>\r\n          </li>\r\n        </ul>\r\n        <div [ngbNavOutlet]=\"nav\"></div>\r\n      </div>\r\n    </div>\r\n  \r\n  </div>\r\n\r\n", styles: [".nav.nav-tabs{background:#f7f8fa;border-bottom:0px}.nav-tabs .nav-item .nav-link{color:#494b74}.nav-tabs .nav-item .nav-link.active,.nav-tabs .nav-item .nav-link:active,.nav-tabs .nav-item .nav-link:hover{color:#494b74;font-weight:500}.workflow-tabs a.nav-link{padding:17px 25px}.kt-widget.kt-widget--user-profile-3.kt-widget.kt-widget--user-profile-3.workflow-activities{border-radius:15px;box-shadow:0 0 3px #dadada!important}.workflow-activities .kt-widget__progress{justify-content:flex-end;align-items:end}.workflow-activities .kt-widget__username{color:#494b74}.workflow-activities ul#horizontalmenu{color:#a4a4a4;list-style:outside}\n"], components: [{ type: i8.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i9.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i9.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i9.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i10.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i9.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i9.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i9.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i9.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i9.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }], directives: [{ type: i7.NgbNav, selector: "[ngbNav]", inputs: ["animation", "destroyOnHide", "orientation", "roles", "keyboard", "activeId"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { type: i7.NgbNavItem, selector: "[ngbNavItem]", inputs: ["disabled", "domId", "destroyOnHide", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { type: i7.NgbNavLink, selector: "a[ngbNavLink]" }, { type: i7.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i12.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i12.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i13.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { type: i3.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: TabsComponent, decorators: [{
             type: Component,
             args: [{