qms-angular 1.1.65 → 1.1.67

package/bundles/qms-angular.umd.js

@@ -33234,7 +33234,13 @@
         function Attachment() {
         }
         return Attachment;
-    }());
+    }());
+    var ComplianceRequirement = /** @class */ (function () {
+        function ComplianceRequirement() {
+        }
+        return ComplianceRequirement;
+    }());
+    ;
 
     var ShapeFlowChartConnectionDetail = /** @class */ (function () {
         function ShapeFlowChartConnectionDetail() {
@@ -33297,6 +33303,7 @@
             appIconService.registerFileWordIcon(iconRegistry, domSanitizer);
             appIconService.registerFilePdfIcon(iconRegistry, domSanitizer);
             appIconService.registerFileIcon(iconRegistry, domSanitizer);
+            appIconService.registerComplianceIcon(iconRegistry, domSanitizer);
         }
         QMSBPMNComponent.prototype.onMessage = function (event) {
             switch (event.data) {
@@ -33557,10 +33564,14 @@
             this.currentChoseAnchorOfDocumentId = documentId;
             this.onGetAnchorForDocument.emit(documentId);
         };
-        QMSBPMNComponent.prototype.changeDocumentAnchorForShape = function (anchor) {
+        QMSBPMNComponent.prototype.changeDocumentAnchorForShape = function (anchorId) {
+            var idxAnchor = this.anchors.findIndex(function (anchor) { return anchor.value === anchorId; });
+            if (idxAnchor === -1) {
+                return;
+            }
             var changeDocumentAnchor = new ChangeDocumentAnchorForShapeEventModel();
-            changeDocumentAnchor.anchorId = anchor.value;
-            changeDocumentAnchor.anchorName = anchor.anchorValue;
+            changeDocumentAnchor.anchorId = anchorId;
+            changeDocumentAnchor.anchorName = this.anchors[idxAnchor].anchorValue;
             changeDocumentAnchor.documentId = this.currentChoseAnchorOfDocumentId;
             this.onChangeDocumentAnchorForShape.emit(changeDocumentAnchor);
         };
@@ -33577,13 +33588,19 @@
             var filterValue = value.toLowerCase();
             return this.anchors.filter(function (anchor) { return anchor.viewValue.toLowerCase().includes(filterValue); });
         };
+        QMSBPMNComponent.prototype.isShowAddConnectionTab = function () {
+            if (window[FlowChartConst.SELECTED_SHAPE_ID]) {
+                return true;
+            }
+            return false;
+        };
         return QMSBPMNComponent;
     }());
     QMSBPMNComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'qms-bpmn',
-                    template: "<div class=\"qms-bpmn-container\">\n  <div id=\"bpmn\" class=\"bpmn__editor\">\n    <div id=\"toolbarpanel\">\n      <div *ngIf=\"editMode !== flowchartViewMode.View\" id=\"toolbar-container\" [class.disabled]=\"isDisableToolbar()\">\n      </div>\n    </div>\n    <div id=\"leftpanel\" class=\"full-screen-bpmn-editor_panel\">\n      <div id=\"paperpanel\" class=\"full-screen-bpmn-editor_paperpanel\">\n        <div id=\"paper-container\"></div>\n      </div>\n      <div id=\"stencilpanel\">\n        <mat-expansion-panel *ngIf=\"editMode !== flowchartViewMode.View\" id=\"panel-stencil-container\"\n          [expanded]=\"expandedPanel\" (click)=\"expandPanel()\">\n          <mat-expansion-panel-header>\n            <mat-panel-title> </mat-panel-title>\n          </mat-expansion-panel-header>\n          <div id=\"stencil-container\"></div>\n        </mat-expansion-panel>\n      </div>\n    </div>\n    <div id=\"rightpanel\" class=\"full-screen-bpmn-editor_panel\">\n      <mat-tab-group mat-stretch-tabs mat-align-tabs=\"center\" (selectedTabChange)=\"onTabChange($event)\"\n        [(selectedIndex)]=\"selectedTabIndex\">\n        <mat-tab [label]=\"LANG.BPMN.PROPERTIES\" id=\"qmsckeditor_bpmn_properties\">\n          <div id=\"inspector-container\"></div>\n        </mat-tab>\n        <mat-tab [label]=\"LANG.BPMN.CONNECTION\" id=\"qmsckeditor_bpmn_connection\" [disabled]=\"disabledConnectionTab\">\n          <ng-container *ngIf=\"QMSBPMNConfig.addConnectionType === bpmnAddConnectionType.MultiConnection && isShowConnectType()\">\n            <ng-container *ngIf=\"!QMSBPMNConfig.showShapeConnectionValue\">\n              <ng-container *ngTemplateOutlet=\"noResult\">\n              </ng-container>\n            </ng-container>\n            <ng-container *ngIf=\"QMSBPMNConfig.showShapeConnectionValue\">\n              <ng-container *ngTemplateOutlet=\"haveResult\">\n              </ng-container>\n            </ng-container>\n          </ng-container>\n          <mat-expansion-panel id=\"qmsckeditor_bpmn_connection_panel\" [expanded]=\"true\" (opened)=\"(true)\"\n            (closed)=\"(false)\" hideToggle style=\"position: relative;height: 100%;\" \n            *ngIf=\"QMSBPMNConfig.addConnectionType === bpmnAddConnectionType.SingleConnection && isSelectedView()\">\n            <div id=\"connection-container\" *ngIf=\"isShowConnectType()\">\n              <div class=\"shape__connect-type\" *ngIf=\"!QMSBPMNConfig.showShapeConnectionValue\">\n                <h3 class=\"shape-connect__select-label\">{{ LANG.BPMN.CHOOSE_CONNECTION_TYPE }}</h3>\n                <mat-radio-group [(ngModel)]=\"selectedValue\" name=\"connectType\"\n                  (ngModelChange)=\"selectConnectType($event)\" aria-label=\"Select an option\" class=\"mt-3\">\n                  <div *ngFor=\"let type of QMSBPMNConfig.connectTypes\">\n                    <mat-radio-button [value]=\"type.value\" qms-group-options color=\"default\" *ngIf=\"type.canConnect\">\n                      <span class=\"text-label title\">{{ type.viewValue }}</span>\n                      <small class=\"text-help\">{{ type.description }}</small>\n                    </mat-radio-button>\n                  </div>\n                </mat-radio-group>\n              </div>\n              <div *ngIf=\"shapeModel && QMSBPMNConfig.showShapeConnectionValue && editMode !== flowchartViewMode.View\"\n                class=\"ml-4 mr-4 mt-2\">\n                <ng-container *ngIf=\"shapeModel.shape?.connectionTypeId === shapeFlowChartConnectionType.Activity\">\n                  <span class=\"shape-connect__label\"> {{ LANG.BPMN.CONNECTION_TYPE.CONNECTED_ACTIVITY }}</span>\n                  <mat-card class=\"col-12 col-md-12 mt-2\">\n                    <div class=\"row\">\n                      <div class=\"col-9 title\" style=\"word-wrap: break-word\">\n                        {{ shapeModel.description.title }}\n                      </div>\n                      <div class=\"col-1\" style=\"cursor: pointer\">\n                        <mat-icon (click)=\"openActivity()\">edit</mat-icon>\n                      </div>\n                      <div class=\"col-1\" style=\"cursor: pointer\">\n                        <mat-icon (click)=\"deleteConnection(shapeModel.shape.connectionTypeId)\">close</mat-icon>\n                      </div>\n                    </div>\n                  </mat-card>\n                </ng-container>\n                <ng-container *ngIf=\"shapeModel.shape?.connectionTypeId !== shapeFlowChartConnectionType.Activity\">\n                  <span class=\"shape-connect__label\"> {{ QMSBPMNConfig.shapeConnectLabel }}</span>\n                  <mat-form-field appearance=\"fill\" class=\"mt-3 connect-link\"\n                    *ngIf=\"shapeModel.relatedItem.itemType == relatedItemType.document\" qms-form qms-select-input>\n                    <mat-label *ngIf=\"!QMSBPMNConfig.isAnchorLoading\">{{\n                      LANG.BPMN.CHOOSE_ANCHOR_IN_TEXT\n                      }}</mat-label>\n                    <mat-label *ngIf=\"QMSBPMNConfig.isAnchorLoading\">\n                      <div class=\"d-flex align-items-center\">\n                        <span>{{ LANG.LOADING }}</span>\n                        <mat-spinner class=\"spinner\" diameter=\"20\"></mat-spinner>\n                      </div>\n                    </mat-label>\n                    <mat-select [(ngModel)]=\"anchorValue\" name=\"anchorType\" qms-select\n                      (ngModelChange)=\"changeShapeAnchor($event)\" panelClass=\"connection-size select-tiny-margin\"\n                      disableOptionCentering>\n                      <mat-option *ngFor=\"let anchor of anchors\" [value]=\"anchor.anchorValue\">\n                        {{ anchor.viewValue }}\n                      </mat-option>\n                    </mat-select>\n                  </mat-form-field>\n                  <button *ngIf=\"shapeModel.relatedItem.itemType == relatedItemType.document\"\n                    (click)=\"reloadAnchorDocument()\" type=\"button\" qms-btn-text class=\"reload-anchor\"\n                    [class.disabled]=\"QMSBPMNConfig.isAnchorLoading\">\n                    <mat-icon>refresh</mat-icon> {{ LANG.BPMN.RELOAD_ANCHORS }}\n                  </button>\n                  <mat-form-field class=\"connect-link\" appearance=\"fill\" style=\"margin-left: 0px;\"\n                    [ngStyle]=\"{ 'margin-top': shapeModel.relatedItem.itemType != relatedItemType.document ? '0px' : '15px' }\"\n                    qms-form qms-select-input>\n                    <mat-label>{{ LANG.BPMN.CONNECTION_TYPE.OPTION_FOR_OPENING }}</mat-label>\n                    <mat-select [(ngModel)]=\"targetValue\" name=\"processTargetType\" qms-select\n                      (ngModelChange)=\"changeShapeTartget($event)\" panelClass=\"connection-size select-tiny-margin\"\n                      disableOptionCentering>\n                      <mat-option *ngFor=\"let target of targets\" [value]=\"target.value\">\n                        {{ target.viewValue }}\n                      </mat-option>\n                    </mat-select>\n                  </mat-form-field>\n                  <div class=\"shape-connect__item-card mt-2\">\n                    <ng-container\n                      *ngIf=\"shapeModel.shape?.connectionTypeId === shapeFlowChartConnectionType.Link, else notLinkConnection\">\n                      <div>\n                        <mat-icon>link</mat-icon>\n                      </div>\n                      <div class=\"shape-connect__content\">\n                        <div class=\"col-12 title link-title\">\n                          {{ shapeModel.link.link }}\n                        </div>\n                      </div>\n                    </ng-container>\n                    <ng-template #notLinkConnection>\n                      <qms-list-item type=\"image-square\">\n                        <mat-icon *ngIf=\"shapeModel.relatedItem.SVGIcon\" leading-icon type=\"image-square\"\n                          [svgIcon]=\"shapeModel.relatedItem.SVGIcon\"></mat-icon>\n                        <mat-icon *ngIf=\"shapeModel.relatedItem.matIcon\" leading-icon\n                          type=\"image-square\">{{shapeModel.relatedItem.matIcon}}</mat-icon>\n                        <div qms-list-header>\n                          <div qms-line type=\"subtitle\" class=\"search__option-name\">\n                            <div *ngIf=\"shapeModel.relatedItem.parentName\" class=\"caption\">\n                              {{ shapeModel.relatedItem.parentName }}\n                            </div>\n                            <span class=\"cursor\">{{ shapeModel.relatedItem.itemName }}</span>\n                          </div>\n                        </div>\n                        <div qms-line color=\"default-subtitle\"\n                          *ngIf=\"\n                                                          (shapeModel.relatedItem.itemType === relatedItemType.document ||\n                                                          shapeModel.relatedItem.itemType === relatedItemType.process || \n                                                          shapeModel.relatedItem.itemType === relatedItemType.processInterconnected)\">\n                          <ng-container *ngIf=\"shapeModel.relatedItem.displayId\">\n                            ID: {{ shapeModel.relatedItem.displayId }}\n                            {{ shapeModel.relatedItem.statusName ? ', ' + shapeModel.relatedItem.statusName : ''}}\n                          </ng-container>\n                        </div>\n                        <div qms-line color=\"default-subtitle\" *ngIf=\"shapeModel.relatedItem.itemType === relatedItemType.compliance && \n                            shapeModel.relatedItem.breadcrumbs && \n                            shapeModel.relatedItem.breadcrumbs.length > 0\">\n                          <qms-breadcrumb class=\"breadcrumb-container\" type=\"table\" numDisplayItem=\"2\"\n                            [nodes]=\"shapeModel.relatedItem.breadcrumbs\">\n                          </qms-breadcrumb>\n                        </div>\n                      </qms-list-item>\n                    </ng-template>\n                    <button type=\"button\" qms-btn-icon color=\"light\" class=\"item-card__delete-btn\"\n                      (click)=\"deleteConnection(shapeModel.shape.connectionTypeId)\">\n                      <mat-icon>close</mat-icon>\n                    </button>\n                  </div>\n                </ng-container>\n              </div>\n            </div>\n          </mat-expansion-panel>\n        </mat-tab>\n      </mat-tab-group>\n    </div>\n  </div>\n</div>\n\n<ng-template #noResult>\n  <div class=\"no-result-connection\">\n    <svg width=\"200\" height=\"160\" viewBox=\"0 0 200 160\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M104 144.5C132.167 144.5 155 121.667 155 93.5C155 65.3335 132.167 42.5 104 42.5C75.8335 42.5 53 65.3335 53 93.5C53 121.667 75.8335 144.5 104 144.5Z\"\n        fill=\"#FAFAFA\" />\n      <path\n        d=\"M32 129.5C41.9411 129.5 50 121.441 50 111.5C50 101.559 41.9411 93.5 32 93.5C22.0589 93.5 14 101.559 14 111.5C14 121.441 22.0589 129.5 32 129.5Z\"\n        fill=\"#FAFAFA\" />\n      <path\n        d=\"M41 84.5C45.9706 84.5 50 80.4706 50 75.5C50 70.5294 45.9706 66.5 41 66.5C36.0294 66.5 32 70.5294 32 75.5C32 80.4706 36.0294 84.5 41 84.5Z\"\n        fill=\"#FAFAFA\" />\n      <path\n        d=\"M164 129.5C168.971 129.5 173 125.471 173 120.5C173 115.529 168.971 111.5 164 111.5C159.029 111.5 155 115.529 155 120.5C155 125.471 159.029 129.5 164 129.5Z\"\n        fill=\"#FAFAFA\" />\n      <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M68.8428 39.6674L73.4284 39.1577L68.8428 39.6674Z\"\n        fill=\"white\" />\n      <path\n        d=\"M68.7008 38.4256C68.0146 38.5018 67.522 39.1197 67.6004 39.8055C67.6789 40.4914 68.2988 40.9856 68.9849 40.9093L68.7008 38.4256ZM73.5705 40.3996C74.2566 40.3233 74.7493 39.7055 74.6708 39.0196C74.5923 38.3337 73.9725 37.8396 73.2864 37.9158L73.5705 40.3996ZM68.9849 40.9093L73.5705 40.3996L73.2864 37.9158L68.7008 38.4256L68.9849 40.9093Z\"\n        fill=\"#616161\" />\n      <path opacity=\"0.3\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n        d=\"M121.14 37.7692L129.56 99.2529L130.317 105.421C130.561 107.408 129.167 109.215 127.203 109.456L74.7613 115.895C72.7978 116.136 71.0082 114.72 70.7642 112.733L62.6142 46.3568C62.4795 45.2605 63.2592 44.2626 64.3555 44.128L70.8431 43.3314\"\n        fill=\"#616161\" />\n      <path\n        d=\"M77.9219 23.5C77.9219 21.9812 79.1531 20.75 80.6719 20.75H126.229C126.958 20.75 127.657 21.0395 128.173 21.5549L141.616 34.9898C142.132 35.5056 142.422 36.2053 142.422 36.9349V99.5C142.422 101.019 141.191 102.25 139.672 102.25H80.6719C79.1531 102.25 77.9219 101.019 77.9219 99.5V23.5Z\"\n        fill=\"#FAFAFA\" stroke=\"#616161\" stroke-width=\"2.5\" />\n      <path d=\"M126.672 21.9028V33.5C126.672 35.1569 128.015 36.5 129.672 36.5H137.605\" stroke=\"#616161\"\n        stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n      <path d=\"M88 87.5H114M88 36.5H114H88ZM88 48.5H131H88ZM88 61.5H131H88ZM88 74.5H131H88Z\" stroke=\"#616161\"\n        stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n    </svg>\n    <span>{{ LANG.BPMN.NO_CONNECTIONS }}</span>\n    <div [matMenuTriggerFor]=\"menu\">\n      <button qms-btn-outlined class=\"button-add\">\n        <mat-icon class=\"add-icon\">add</mat-icon> {{ LANG.QMSCKEDITOR.ADD }}\n      </button>\n      <mat-menu #menu=\"matMenu\" class=\"group-action-member menu-action\">\n        <ng-container *ngFor=\"let type of QMSBPMNConfig.connectTypes\">\n          <button type=\"button\" mat-menu-item *ngIf=\"type.canConnect\" (click)=\"selectConnectTypeForShape(type)\">\n            <mat-icon class=\"material-icons-outlined\" *ngIf=\"type.icon\">\n              {{ type.icon }}\n            </mat-icon>\n            <span>{{ type.viewValue }}</span>\n          </button>\n        </ng-container>\n      </mat-menu>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #haveResult>\n  <div class=\"have-result-connection\">\n    <div [matMenuTriggerFor]=\"menu\">\n      <button qms-btn-outlined class=\"button-add\">\n        <mat-icon class=\"add-icon\">add</mat-icon> {{ LANG.QMSCKEDITOR.ADD }}\n      </button>\n      <mat-menu #menu=\"matMenu\" class=\"group-action-member menu-action\">\n        <div *ngFor=\"let type of QMSBPMNConfig.connectTypes\">\n          <button type=\"button\" mat-menu-item *ngIf=\"type.canConnect\" (click)=\"selectConnectTypeForShape(type)\">\n            <mat-icon class=\"material-icons-outlined\" *ngIf=\"type.icon\">\n              {{ type.icon }}\n            </mat-icon>\n            <span>{{ type.viewValue }}</span>\n          </button>\n        </div>\n      </mat-menu>\n    </div>\n    <div class=\"button-add\">\n\n      <ng-container *ngIf=\"shapeConnectionDetailModel?.description?.description?.length\">\n        <mat-accordion class=\"example-headers-align content-item-container\">\n          <mat-expansion-panel qms-expansion>\n            <mat-expansion-panel-header qms-expansion-header class=\"mat-expansion-panel-header\">\n              <div class=\"connection-content-body\">\n                <div qms-line color=\"default-subtitle\"> {{ LANG.QMSCKEDITOR.DESCRIPTION }}\n                </div>\n                <button type=\"button\" qms-btn-icon color=\"light\" class=\"edit-icon description-edit\"\n                  *ngIf=\"QMSBPMNConfig.shapeConnectionActionModel.length\" [matMenuTriggerFor]=\"descriptionAction\"\n                  (click)=\"openConnectionActionDropdown($event)\">\n                  <mat-icon>more_vert</mat-icon>\n                </button>\n                <mat-menu #descriptionAction=\"matMenu\" class=\"group-action-member menu-action\">\n                  <ng-container *ngFor=\"let action of QMSBPMNConfig.shapeConnectionActionModel\">\n                    <button type=\"button\" mat-menu-item\n                      (click)=\"selectShapeDescriptionConnectionAction(action.actionType)\">\n                      <span> {{ action.actionName }} </span>\n                    </button>\n                  </ng-container>\n                </mat-menu>\n              </div>\n            </mat-expansion-panel-header>\n            <mat-label class=\"ck-content\" [innerHTML]=\"shapeConnectionDetailModel.description.description\"></mat-label>\n          </mat-expansion-panel>\n        </mat-accordion>\n      </ng-container>\n\n      <ng-container *ngIf=\"shapeConnectionDetailModel?.fields?.length\">\n        <ng-container *ngFor=\"let field of shapeConnectionDetailModel.fields\">\n          <mat-accordion class=\"example-headers-align content-item-container\" *ngIf=\"field.content?.length\">\n            <mat-expansion-panel qms-expansion>\n              <mat-expansion-panel-header qms-expansion-header class=\"mat-expansion-panel-header\">\n                <div class=\"connection-content-body\">\n                  <div qms-line color=\"default-subtitle\"> {{ field.name }}\n                  </div>\n                  <button type=\"button\" qms-btn-icon color=\"light\" class=\"edit-icon description-edit\"\n                    *ngIf=\"QMSBPMNConfig.shapeConnectionActionModel.length\" [matMenuTriggerFor]=\"fieldAction\"\n                    (click)=\"openConnectionActionDropdown($event)\">\n                    <mat-icon>more_vert</mat-icon>\n                  </button>\n                  <mat-menu #fieldAction=\"matMenu\" class=\"group-action-member menu-action\">\n                    <ng-container *ngFor=\"let action of QMSBPMNConfig.shapeConnectionActionModel\">\n                      <button type=\"button\" mat-menu-item\n                        (click)=\"selectShapeFieldConnectionAction(field, action.actionType)\">\n                        <span> {{ action.actionName }} </span>\n                      </button>\n                    </ng-container>\n                  </mat-menu>\n                </div>\n              </mat-expansion-panel-header>\n              <mat-label class=\"ck-content\" [innerHTML]=\"field.content\"></mat-label>\n            </mat-expansion-panel>\n          </mat-accordion>\n        </ng-container>\n      </ng-container>\n\n      <ng-container *ngIf=\"shapeConnectionDetailModel?.documentAndProcess?.length\">\n        <mat-accordion class=\"example-headers-align connection-item-container\">\n          <mat-expansion-panel qms-expansion>\n            <mat-expansion-panel-header qms-expansion-header class=\"mat-expansion-panel-header\">\n              <div class=\"connection-content-body\">\n                <div qms-line color=\"default-subtitle\"> {{ LANG.BPMN.DOCUMENT_PROCESS }}\n                </div>\n                <qms-badges class=\"mr-5 qms-badges-container\" [color]=\"'brown'\" [type]=\"'1'\"\n                  [contents]=\"shapeConnectionDetailModel?.documentAndProcess?.length\" [size]=\"'large'\"></qms-badges>\n              </div>\n            </mat-expansion-panel-header>\n\n            <ng-container *ngTemplateOutlet=\"changeShapeTarget\">\n            </ng-container>\n\n            <ng-container *ngFor=\"let connection of shapeConnectionDetailModel.documentAndProcess\">\n              <div class=\"related-item-wrapper\">\n                <qms-list-item type=\"image-square\">\n                  <mat-icon *ngIf=\"connection.relatedItem.SVGIcon\" leading-icon type=\"image-square\"\n                    [svgIcon]=\"connection.relatedItem.SVGIcon\"></mat-icon>\n                  <mat-icon *ngIf=\"connection.relatedItem.matIcon\" leading-icon\n                    type=\"image-square\">{{connection.relatedItem.matIcon}}</mat-icon>\n                  <div qms-list-header>\n                    <div qms-line type=\"subtitle\" class=\"search__option-name\">\n                      <span class=\"cursor\">{{ connection.relatedItem.itemName }}</span>\n                    </div>\n                  </div>\n                  <div qms-line color=\"default-subtitle\">\n                    <ng-container *ngIf=\"connection.relatedItem.displayId\">\n                      ID: {{ connection.relatedItem.displayId }}\n                      {{ connection.relatedItem.statusName ? ', ' + connection.relatedItem.statusName : ''}}\n                    </ng-container>\n                  </div>\n                </qms-list-item>\n\n                <mat-form-field qms-form appearance=\"fill\" class=\"full-width col-12 custom-mat-form-field\"\n                  *ngIf=\"connection.relatedItem.itemType == itemType.document\"\n                  [qms-tool-tip]=\"connection.anchorDocument.anchorValue\" mode=\"dark\" position=\"top\">\n                  <mat-icon [ngClass]=\"{'active-anchor': connection.anchorDocument?.anchorValue?.length > 0}\"\n                    (click)=\"getAnchorForDocument(connection.relatedItem.displayId)\">anchor</mat-icon>\n                  <mat-select qms-select [formControl]=\"anchorIdCtrl\" [(ngModel)]=\"connection.anchorDocument.id\"\n                    panelClass=\"qms-select-panel\" disableOptionCentering\n                    (valueChange)=\"changeDocumentAnchorForShape($event)\">\n\n                    <mat-option>\n                      <ngx-mat-select-search [formControl]=\"anchorIdFilterCtrl\" [placeholderLabel]=\"LANG.SEARCH\">\n                      </ngx-mat-select-search>\n                    </mat-option>\n\n                    <mat-option *ngFor=\"let anchor of (filteredAnchors | async)\" [value]=\"anchor\">\n                      {{ anchor.viewValue }}\n                    </mat-option>\n                  </mat-select>\n                </mat-form-field>\n\n                <button type=\"button\" qms-btn-icon color=\"light\" class=\"item-card__delete-btn\"\n                  (click)=\"removeRelatedItemForShape(connection.relatedItem, shapeFlowChartConnectionType.DocumentOrProcess)\">\n                  <mat-icon>close</mat-icon>\n                </button>\n              </div>\n            </ng-container>\n          </mat-expansion-panel>\n        </mat-accordion>\n      </ng-container>\n\n      <ng-container *ngIf=\"shapeConnectionDetailModel?.shapeLink?.length\">\n        <mat-accordion class=\"example-headers-align connection-item-container\">\n          <mat-expansion-panel qms-expansion>\n            <mat-expansion-panel-header qms-expansion-header class=\"mat-expansion-panel-header\">\n              <div class=\"connection-content-body\">\n                <div qms-line color=\"default-subtitle\"> {{ LANG.BPMN.LINK }}\n                </div>\n                <qms-badges class=\"mr-5 qms-badges-container\" [color]=\"'brown'\" [type]=\"'1'\"\n                  [contents]=\"shapeConnectionDetailModel?.shapeLink?.length\" [size]=\"'large'\"></qms-badges>\n              </div>\n            </mat-expansion-panel-header>\n\n            <ng-container *ngTemplateOutlet=\"changeShapeTarget\">\n            </ng-container>\n\n            <ng-container *ngFor=\"let link of shapeConnectionDetailModel.shapeLink\">\n              <div class=\"related-item-wrapper\">\n                <qms-list-item type=\"image-square\">\n                  <mat-icon leading-icon type=\"image-square\">link</mat-icon>\n                  <div qms-list-header>\n                    <div qms-line type=\"subtitle\" class=\"search__option-name\">\n                      <span class=\"cursor\">{{ link.link }}</span>\n                    </div>\n                  </div>\n                </qms-list-item>\n                <button type=\"button\" qms-btn-icon color=\"light\" class=\"item-card__delete-btn\"\n                  (click)=\"removeRelatedLinkForShape(link, shapeFlowChartConnectionType.Link)\">\n                  <mat-icon>close</mat-icon>\n                </button>\n              </div>\n            </ng-container>\n\n\n          </mat-expansion-panel>\n        </mat-accordion>\n      </ng-container>\n\n      <ng-container *ngIf=\"shapeConnectionDetailModel?.checklist?.length\">\n        <mat-accordion class=\"example-headers-align connection-item-container\">\n          <mat-expansion-panel qms-expansion>\n            <mat-expansion-panel-header qms-expansion-header class=\"mat-expansion-panel-header\">\n              <div class=\"connection-content-body\">\n                <div qms-line color=\"default-subtitle\"> {{ LANG.BPMN.CHECKLIST }}\n                </div>\n                <qms-badges class=\"mr-5 qms-badges-container\" [color]=\"'brown'\" [type]=\"'1'\"\n                  [contents]=\"shapeConnectionDetailModel?.checklist?.length\" [size]=\"'large'\"></qms-badges>\n              </div>\n            </mat-expansion-panel-header>\n\n            <ng-container *ngTemplateOutlet=\"changeShapeTarget\">\n            </ng-container>\n\n            <ng-container *ngFor=\"let connection of shapeConnectionDetailModel.checklist\">\n              <div class=\"related-item-wrapper\">\n                <qms-list-item type=\"image-square\">\n                  <mat-icon *ngIf=\"connection.SVGIcon\" leading-icon type=\"image-square\"\n                    [svgIcon]=\"connection.SVGIcon\"></mat-icon>\n                  <mat-icon *ngIf=\"connection.matIcon\" leading-icon\n                    type=\"image-square\">{{connection.matIcon}}</mat-icon>\n                  <div qms-list-header>\n                    <div qms-line type=\"subtitle\" class=\"search__option-name\">\n                      <span class=\"cursor\">{{ connection.itemName }}</span>\n                    </div>\n                  </div>\n                  <div qms-line color=\"default-subtitle\">\n                    <ng-container *ngIf=\"connection.displayId\">\n                      ID: {{ connection.displayId }}\n                      {{ connection.statusName ? ', ' + connection.statusName : ''}}\n                    </ng-container>\n                  </div>\n                </qms-list-item>\n                <button type=\"button\" qms-btn-icon color=\"light\" class=\"item-card__delete-btn\"\n                  (click)=\"removeRelatedItemForShape(connection, shapeFlowChartConnectionType.Checklist)\">\n                  <mat-icon>close</mat-icon>\n                </button>\n              </div>\n            </ng-container>\n          </mat-expansion-panel>\n        </mat-accordion>\n      </ng-container>\n\n      <ng-container *ngIf=\"shapeConnectionDetailModel?.deviation?.length\">\n        <mat-accordion class=\"example-headers-align connection-item-container\">\n          <mat-expansion-panel qms-expansion>\n            <mat-expansion-panel-header qms-expansion-header class=\"mat-expansion-panel-header\">\n              <div class=\"connection-content-body\">\n                <div qms-line color=\"default-subtitle\"> {{ LANG.BPMN.DEVIATION }}\n                </div>\n                <qms-badges class=\"mr-5 qms-badges-container\" [color]=\"'brown'\" [type]=\"'1'\"\n                  [contents]=\"shapeConnectionDetailModel?.deviation?.length\" [size]=\"'large'\"></qms-badges>\n              </div>\n            </mat-expansion-panel-header>\n\n            <ng-container *ngTemplateOutlet=\"changeShapeTarget\">\n            </ng-container>\n\n            <ng-container *ngFor=\"let connection of shapeConnectionDetailModel.deviation\">\n              <div class=\"related-item-wrapper\">\n                <qms-list-item type=\"image-square\">\n                  <mat-icon *ngIf=\"connection.SVGIcon\" leading-icon type=\"image-square\"\n                    [svgIcon]=\"connection.SVGIcon\"></mat-icon>\n                  <mat-icon *ngIf=\"connection.matIcon\" leading-icon\n                    type=\"image-square\">{{connection.matIcon}}</mat-icon>\n                  <div qms-list-header>\n                    <div qms-line type=\"subtitle\" class=\"search__option-name\">\n                      <span class=\"cursor\">{{ connection.itemName }}</span>\n                    </div>\n                  </div>\n                  <div qms-line color=\"default-subtitle\">\n                    <ng-container *ngIf=\"connection.displayId\">\n                      ID: {{ connection.displayId }}\n                      {{ connection.statusName ? ', ' + connection.statusName : ''}}\n                    </ng-container>\n                  </div>\n                </qms-list-item>\n                <button type=\"button\" qms-btn-icon color=\"light\" class=\"item-card__delete-btn\"\n                  (click)=\"removeRelatedItemForShape(connection, shapeFlowChartConnectionType.Deviation)\">\n                  <mat-icon>close</mat-icon>\n                </button>\n              </div>\n            </ng-container>\n          </mat-expansion-panel>\n        </mat-accordion>\n      </ng-container>\n\n      <ng-container *ngIf=\"shapeConnectionDetailModel?.risk?.length\">\n        <mat-accordion class=\"example-headers-align connection-item-container\">\n          <mat-expansion-panel qms-expansion>\n            <mat-expansion-panel-header qms-expansion-header class=\"mat-expansion-panel-header\">\n              <div class=\"connection-content-body\">\n                <div qms-line color=\"default-subtitle\"> {{ LANG.BPMN.RISK_ANALYSIS }}\n                </div>\n                <qms-badges class=\"mr-5 qms-badges-container\" [color]=\"'brown'\" [type]=\"'1'\"\n                  [contents]=\"shapeConnectionDetailModel?.risk?.length\" [size]=\"'large'\"></qms-badges>\n              </div>\n            </mat-expansion-panel-header>\n\n            <ng-container *ngTemplateOutlet=\"changeShapeTarget\">\n            </ng-container>\n\n            <ng-container>\n              <div class=\"related-list__content\"\n                *ngIf=\"shapeConnectionDetailModel?.riskData?.data && shapeConnectionDetailModel?.riskData?.data.length\">\n                <qms-risk-list [data]=\"shapeConnectionDetailModel?.riskData\"\n                  (updateData)=\"onUpdateDataOther($event)\"></qms-risk-list>\n              </div>\n            </ng-container>\n          </mat-expansion-panel>\n        </mat-accordion>\n      </ng-container>\n      \n      <ng-container *ngIf=\"shapeConnectionDetailModel?.attachment?.length\">\n        <mat-accordion class=\"example-headers-align connection-item-container\">\n          <mat-expansion-panel qms-expansion>\n            <mat-expansion-panel-header qms-expansion-header class=\"mat-expansion-panel-header\">\n              <div class=\"description-header\">\n                <div qms-line color=\"default-subtitle\"> {{ LANG.QMSCKEDITOR.ATTACHMENT }}\n                </div>\n                <qms-badges class=\"mr-5 qms-badges-container\" [color]=\"'brown'\" [type]=\"'1'\" [contents]=\"shapeConnectionDetailModel?.attachment?.length\" [size]=\"'large'\"></qms-badges>\n              </div>\n            </mat-expansion-panel-header>\n            <ng-container>\n              <div class=\"activity-attachment__attachment-list\">\n                <div *ngFor=\"let file of shapeConnectionDetailModel?.attachment; let i = index\"\n                  class=\"custom-attachment-margin custom-image\">\n                  <qms-list-item type=\"image-rect\">\n                    <div leading-icon>\n                      <img [src]=\"file.fileContentBase64\" *ngIf=\"file.isImage && file.isDraft\" />\n                      <img [src]=\"'data:image/png;base64,' + file.fileContentBase64\" *ngIf=\"file.isImage && !file.isDraft\" />\n                      <mat-icon class=\"attachment-ion\" *ngIf=\"!file.isImage && file.extension ==='pdf'\" leading-icon type=\"image-square\"\n                        [svgIcon]=\"'file_pdf'\"></mat-icon>\n                      <mat-icon class=\"attachment-ion\" *ngIf=\"!file.isImage && file.extension ==='docx'\" leading-icon type=\"image-square\"\n                        [svgIcon]=\"'file_word'\"></mat-icon>\n                      <mat-icon class=\"attachment-ion\" *ngIf=\"!file.isImage && file.extension ==='xlsx'\" leading-icon type=\"image-square\"\n                        [svgIcon]=\"'file_excel'\"></mat-icon>\n                      <mat-icon class=\"attachment-ion\"\n                        *ngIf=\"!file.isImage && (file.extension !=='xlsx' && file.extension !=='docx'&& file.extension !=='pdf')\"\n                        leading-icon type=\"image-square\" [svgIcon]=\"'file_icon'\"></mat-icon>\n                    </div>\n                    <div qms-list-header>\n                      <div qms-line type=\"subtitle\">{{ file.fileName }}</div>\n                    </div>\n                    <span class=\"caption\">\n                      <button type=\"button\" qms-btn-icon color=\"light\"\n                        (click)=\"removeRelatedItemForShape(file, shapeFlowChartConnectionType.Attachment)\">\n                        <mat-icon>clear</mat-icon>\n                      </button>\n                    </span>\n                  </qms-list-item>\n                </div>\n              </div>\n            </ng-container>\n          </mat-expansion-panel>\n        </mat-accordion>\n      </ng-container>\n\n      <ng-container *ngIf=\"shapeConnectionDetailModel?.compliance?.length\">\n        <mat-accordion class=\"example-headers-align connection-item-container\">\n          <mat-expansion-panel qms-expansion>\n            <mat-expansion-panel-header qms-expansion-header class=\"mat-expansion-panel-header\">\n              <div class=\"connection-content-body\">\n                <div qms-line color=\"default-subtitle\"> {{ LANG.BPMN.CONNECTION_TYPE.CONNECTED_COMPLIANCE }}\n                </div>\n                <qms-badges class=\"mr-5 qms-badges-container\" [color]=\"'brown'\" [type]=\"'1'\"\n                  [contents]=\"shapeConnectionDetailModel?.compliance?.length\" [size]=\"'large'\"></qms-badges>\n              </div>\n            </mat-expansion-panel-header>\n      \n            <ng-container *ngTemplateOutlet=\"changeShapeTarget\">\n            </ng-container>\n      \n            <ng-container *ngFor=\"let connection of shapeConnectionDetailModel.compliance\">\n              <div class=\"related-item-wrapper\">\n                <qms-list-item type=\"image-square\">\n                  <mat-icon *ngIf=\"connection.SVGIcon\" leading-icon type=\"image-square\"\n                    [svgIcon]=\"connection.SVGIcon\"></mat-icon>\n                  <mat-icon *ngIf=\"connection.matIcon\" leading-icon type=\"image-square\">{{connection.matIcon}}</mat-icon>\n                  <div qms-list-header>\n                    <div qms-line type=\"subtitle\" class=\"search__option-name\">\n                      <span class=\"cursor\">{{ connection.itemName }}</span>\n                    </div>\n                  </div>\n                  <div qms-line color=\"default-subtitle\">\n                    <ng-container *ngIf=\"connection.displayId\">\n                      ID: {{ connection.displayId }}\n                      {{ connection.statusName ? ', ' + connection.statusName : ''}}\n                    </ng-container>\n                  </div>\n                </qms-list-item>\n                <button type=\"button\" qms-btn-icon color=\"light\" class=\"item-card__delete-btn\"\n                  (click)=\"removeRelatedItemForShape(connection, shapeFlowChartConnectionType.Compliance)\">\n                  <mat-icon>close</mat-icon>\n                </button>\n              </div>\n            </ng-container>\n          </mat-expansion-panel>\n        </mat-accordion>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #changeShapeTarget>\n  <div>\n    <mat-slide-toggle class=\"target-wrapper\" color=\"default\" qms-group-options\n      [checked]=\"shapeConnectionDetailModel?.target?.targetId == shapeTarget.Blank\"\n      (change)=\"changeShapeTartget($event)\">\n      <span class=\"text-label\">{{ LANG.BPMN.TARGET_BLANK }}</span>\n    </mat-slide-toggle>\n  </div>\n</ng-template>",
-                    styles: [":host ::ng-deep .qms-bpmn-container .bpmn__editor{width:100%;height:100%}:host ::ng-deep .qms-bpmn-container #leftpanel{float:left;width:calc(100% - 400px);height:550px}:host ::ng-deep .qms-bpmn-container #rightpanel{float:right;width:400px;height:550px;border:solid;border-width:0 1px 1px 0}:host ::ng-deep .qms-bpmn-container #rightpanel .units{font-size:12px}:host ::ng-deep .qms-bpmn-container #rightpanel .connection-wrapper{padding-bottom:1.34375em}:host ::ng-deep .qms-bpmn-container #rightpanel .connection-wrapper .mat-card-wrapper{padding-right:0}:host ::ng-deep .qms-bpmn-container #rightpanel .connection-wrapper .connection-content{display:flex;justify-content:space-between}:host ::ng-deep .qms-bpmn-container #rightpanel ::ng-deep .mat-tab-group{height:100%}:host ::ng-deep .qms-bpmn-container #rightpanel ::ng-deep .mat-tab-disabled{cursor:not-allowed}:host ::ng-deep .qms-bpmn-container #connection-container{position:absolute;top:0;right:0;bottom:0;width:398px;background:#fff;overflow-y:auto;padding:0 1rem}:host ::ng-deep .qms-bpmn-container #connection-container .shape__connect-type{padding:1rem 0}:host ::ng-deep .qms-bpmn-container #connection-container .shape__connect-type .mat-radio-button.qms-group-options{margin-bottom:1rem;border:1px solid #e0e0e0;width:100%}:host ::ng-deep .qms-bpmn-container #connection-container .mat-form-field{margin-left:8px}:host ::ng-deep .qms-bpmn-container #connection-container .mat-expansion-panel-header.mat-expanded{background-color:#eceff7;height:40px!important}:host ::ng-deep .qms-bpmn-container #connection-container .connect-link{margin-left:0;width:100%}:host ::ng-deep .qms-bpmn-container #connection-container .reload-anchor{float:right;color:gray;height:auto;margin:0;font-size:12px}:host ::ng-deep .qms-bpmn-container #connection-container .shape-connect__select-label{font-size:16px;font-family:Open Sans;font-weight:600}:host ::ng-deep .qms-bpmn-container #connection-container .shape-connect__label{font-size:14px;font-family:Open Sans;font-weight:600}:host ::ng-deep .qms-bpmn-container #connection-container .shape-connect__item-card{border:1px solid #e0e0e0;padding:10px 0;display:flex;align-items:center;border-radius:4px}:host ::ng-deep .qms-bpmn-container #connection-container .shape-connect__item-card .qms-list-item.mat-2-line.image-item{height:auto}:host ::ng-deep .qms-bpmn-container #connection-container .shape-connect__item-card .qms-list-item-content{padding:0!important;margin:0}:host ::ng-deep .qms-bpmn-container #connection-container .shape-connect__item-card .qms-list-item-content .wrap-image{background:transparent;margin-right:0}:host ::ng-deep .qms-bpmn-container #connection-container .shape-connect__item-card .connection-icon{height:1.5rem}:host ::ng-deep .qms-bpmn-container #connection-container .shape-connect__item-card .shape-connect__content{width:80%}:host ::ng-deep .qms-bpmn-container #connection-container .shape-connect__item-card .item-card__delete-btn{margin-left:auto}:host ::ng-deep .qms-bpmn-container #connection-container .shape-connect__item-card .link-title{word-break:break-word}:host ::ng-deep .qms-bpmn-container .mat-icon{color:#000}:host ::ng-deep .qms-bpmn-container .title{font-size:16px;font-weight:700}:host ::ng-deep .qms-bpmn-container #toolbarpanel{position:relative;top:0;bottom:0;left:0;right:0;margin-bottom:16px;height:50px;width:100%}:host ::ng-deep .qms-bpmn-container #paperpanel{position:relative;top:0;bottom:0;left:0;right:0;height:400px;width:100%}:host ::ng-deep .qms-bpmn-container #stencilpanel{position:relative;top:0;bottom:0;left:0;right:0;height:150px;width:100%}:host ::ng-deep .qms-bpmn-container #toolbar-container{position:relative;top:0;bottom:0;right:0;width:100%;height:100%}:host ::ng-deep .qms-bpmn-container #paper-container{position:relative;top:0;bottom:0;left:0;right:0;width:100%;height:inherit}:host ::ng-deep .qms-bpmn-container #inspector-container{position:relative;top:0;right:0;bottom:0;width:100%;background:#fff;height:inherit}:host ::ng-deep .qms-bpmn-container #stencil-container{position:absolute;top:0;bottom:0;left:0;right:0;width:1174px;height:inherit}:host ::ng-deep .qms-bpmn-container #statusbar-container{position:absolute;left:0;right:0;bottom:0;height:25px}:host ::ng-deep .qms-bpmn-container #panel-stencil-container{position:absolute;left:0;right:0;bottom:0;height:150px;overflow-x:auto;overflow-y:hidden;background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAgAElEQVR4XnXdi44kxRGF4RluywLvYRvwggHZfv9nApb7mD/VX+lQWo+06u6qvERGRpw4EVnd+/y3v3/58vTn3wcffPD022+/PX388cfX+z53/f3333/64Ycfzr2Xl5en33///emPP/449z766KPT76effjr3u97fL7/8ct17fn4+/d57771zv3Y///zzU9f7/OGHH15zd71x+/v111/PXM3/6tWr079xta9tYzV/f7Wrb7Kaq8/NXbvmq3/3jHU6Pv5q0zrq09y1731tk6N5+2u+5O6+v96TQ5/adC25Go+uWkuy90fO2p4x2xCKTFh/hG6wOvvcYP216CY2OeESvHEa/NNPP70mtrm7wQlIyO73vv42pPcp6JNPPrkU2NjdX+VRItkZVjLUvv4//vjjUYzxa/PZZ589ff/995dSrHE3s/7NVf/aN1f3kzUlM4Dm6M8mdL8+DCW99flu+BlL/xji81dff/fSBE3E6uvMIyyW4mrbAAlTe8IRNCvqXq8tnkAsorFZWgLWvz+b29h3b0x55qlt49cumZq3ja9PSiFHfdYgKDXDMX9tk4f18qbGqm/X2xBG2HpsVpvbvz63qY2/3kfmXtcgXr9+/fT27dvLmyEKb3n+55tvXlg5OGLNNQYZOiYcqEnJ9dGfO4MRyq5vwqeA+rKe9TD3EriNqk1/jW8+41uUDTF/CsmKtz8Lbx2sELSkdJDS2O732r0UR/bdRB7cOvurXXrRts8Ml+FAn2SufzKuAzCO5zdfffuSACyXdVu8+LHuLSY0OCxOuPrWHqwYo3YEgp+rFBbZNbi9WC7+MBQeBaKas3sp3WaTl/LASffhf3M1T39tQPOQHeyCc7Gv9iCR9zdOXsLKbUabyGvIZTyIQy+N0TpODKHYDWRNXAMQ1GK5bhtIyS3YdQvkRZTOCgVjwZqHrGItrvEFyl7he20RiF5TvEVT4gbVlMyjWgNi0vXkyZp73YC/Gy7uJLPrS2qak6fxrIVnsba+jAHyNK/xjf38xZdfH5YFZrgTzE25sBK+1z5cxDY2GNemv4RmtSmzcVu068caHuxrFU7ZmAmrEwzX4lMmJdcO5C5LQyIat40BwRQlFoA0kNJ4ycXIMC8QxDsYMSNdBseToAjDxAa7Xv/6ps8z3z8+f3NYFtflSixIcFr4AR1iBAtHDEBAr4I/AtC4KGztUVIKMragbF6bhi1RTK8t0PhZLAjLAjGtNSJxxT1xp/b9C34wwGRcNCDPbiSY5b2MgKd0HeQxYutMF60Bmzwsay0dg1rLxCwo3sTiRgI1cONgLPrAyD7zQtBivBaQwFgSIbsmllgkKszKQA3SQbm1R3ltQK/eU0jj5Gk8fnWBwfEq9LR1YJAMgrUjL0tKGrM1YWwYIYqMgnf/sCwUdTG/SQX0hE2AlL1KXYVuvgIvl5JuvGgenpIVLRFY61q2ZmMXspLHQkFaimk9jY/3d42nY20gSIwUB+uz8I3koNooLBhGs4PDTUgl2OYTN9Hg1gPqtUnHx0PgoGxxM3KLaQEWyhpRXrgvKcTJl5YupCARjQkeWGaKkbzZhM3kQYYgi7VYg6y6MQq2LNl18VB7G4Uyg25K2gRUALZ+Xmhzkm3ZpODfeq1zY7T2bSam+/yvb/79sjSVS+/gCVAnkCQ4CmAsfgM23k4AQVIw5F28kuVjLQnYvGLaQtayNMwlWQRgNJmBdQ8k8fpeWwdLBWEpbgkHdikWYnWb0IFuRgKejY0MYaTovbUzsqMjeYhAnIVQJiva2CFgwnBJmE0FHSaTLVNoY7GcZTFizkKSOLYVAaUOGTer5WFqVn3G8qytWMFrGVPtbcJWFuig8f2xYimBNa9RbZUDzCELYqcA37jqcaoAVwyRKWM9NuYeVzbQpTwZpmBrQ7g6d+bKYhMP4AWU7rPF91nNKOWoD7G25kW1Ka82sJ4yu2ezutYm3POg1grXeZuNWypNR/IfsteWfujTvcYWCtD9ZWHyrudvv/vvYVktOhfmPpsQdR01a7ebWLENLFDaVjHBSUqTL7Bc95qP0AKtIB88yC1afHJYDNhSamkM3ri50FYTWCa21Hw802awevLVtn/1lSiLMzaUh603ycxR5o07NlcMWvg7QX3d3k6ig7tQ7Ak29mrxoGjbqPXUbouNchy0lEFseTthKQ6lNp4kL0XkCe+CDrweJChY2vzk5N3LpHjo0nVeTuGNBbIRG165xte44sWyO0a88RRLvUonFlXHrE7ShoPXWbBkybXj+k0iE8+y+xNflr9vMKd0ZADcpeQUqTbFOltcm6afZLL7WGAyCK7Na9N5Yq/LsJbeM0yv5GHRzSNX2jyo2NS8/ZENI6VHXqDMYqNQ7EuuIGsLZlmD3KBB6oh1cG+72eRcW6zByLaE3niKfTYExl/Y+Sj0bSm9RaqcSq5A4sYqAV3NSqIqiKpVbVZ/krCHElvPwobYCPPVqARh9xlOn50ZISpIDKNRPmmMxvV5jft4UcVFi5MhyyhRPha8rmbQXci7aByFyy1YAvxlXSycJyqFiyFIAki5X8eW6i/JM5c4Ij6yThDpuhzI2GQER+BuP29BFcFI2VBhKTeYXKquLR1feYgdw9cXl22Y3eUxCShvwTgEQQmlPqqq3FpGzAt7TUG8M+Vs8ARF8pLGkXug0TwYhAniIE8uwdsYyZZn1mBAHqNKDzwWEjTmVgLkUUgHZlc/+cpunMQUHb9obzdAixMtjVhd7rcWSHlN8P9OxQRELA3bEiAxGMrfU76FDrDUxqglgU4MCW5TNCPQLkiTG4CrXsUMcCrXIiuPkTyupynVKMHUpvYMB2qAv9bk/Aesm7fX52++/c85oGK5LJ3isShWR3GsEU+vHWtB9QS+xpJ0qf20gY25nrJz3HMELIV1K9d4ZSwUJLg2t5qWcxoVXNd5Um1b/0JvsW9zsbtnQhbBGbSCXmiycQrr3KNs6HBBFqH2mFM96J7kWFhK2vPnOzRs8UwukxL2eJRHbFLWvClizwqSiwdsiUJQZPEpBLvrXixwD5AWNiSLjmop9e4hcrQUubWqPc9ZbzUHVspobRLm2poxVQ5xzkOwkjqCK1nnngWwUuUBQbDBapfSUGaTU5inMli0BxxYkPZ72iZ2bZ4gOXRkujGPQh0TG3tjBPgBOzwKzNhADE/iuQQAHU+hbZCS/x6ANb5DK17F0+Q/yAXDPZDViaGFbxCE2afR47xjk58WiyG0mC1poMowm2XzJmWWxt7HZwguB0muzTHUogRRVVQYDKZ6FTiTzaatN6k22MTuMUJMrnXUVyZe29bAECnSQZjYhWQgRqCbXpCh5Fa2z4uPrisuCrDwXDCtwTIWcaPrCcXVududkhIA04DdvaLL+4iN9zJcNBNNlHguTQdVtU0R4EU8a20OhFBUkCj/al3N0Z/2vTIo9F/A7rMENZ1tFSI5nCDyJHoUP5trdaxy0bVTOhGQ8XXKEkDRRWcPqBo8bUL3UFF9WO9WQZU1bEyC2FRWJcg11/1cozlAC2jYRNFZuzEXAcxFidbaZ5QWzW3u1tFncWuTwKX2jBRV5v1r5L13jNGmNX7/xMtTQYhloV9L/+DuUsotAyiP3Ckhd0SDFQgTsHlYxyaULJNyKZK17iM6GyAZxuYBYIPiQJFiKCgGz23s1sp4Pa+EBM3B0uvbunrdXIzyN2lltPItBtrrjsFIT1DfwA0CsC341+fNYPFszMqOUyZ4QgspUlxYvF4PITCX5iFbf0IumpNiF6/lR1k9irm0mOyCP5nEOiUX8WNzDYYqHfDEiLhn47A93n2n6Qx9Y++JIZ2pU1oLxJISss1IEVt4TOhlLb3nBRvwls14lEiVeL1jqekeIKnsCsSSMmwH5fa8LQazyuNB2AysTs4tgKZ4FJtxyifkIWJTCpScHgU+anCMZI0LkwRLYta2EaORjHMe0mCE7oYkLiESTHmEIrkmaxBsWSNvAQWycVm7EjW2YrGSzqWrzd8CbCbGo7TCgCReiMWWLlgnaGx+RtjYjKLN2NhFDvDFEI2jsuGx0IUj7xuDrIqc6/3WhzBcDzlI/ets1xZvYem9llRb7ot5CFYmdg7dZ1guj9hFL4tb2s07erWAzdxbfMpaZkRZxjkM5k9r9mQI40Bc1JpASPfBjnFVFiSUm6so09g0Hk7R9dkzFlVhUGyTnz//4qvzqOHWo5Q1GoTV4uAYQRPdNxFsoKspDc+vrQCKRlKicWD5Xregfa5JZZTlJj9MtjkUzgg25qnRdY+MG5d4VGM6T9kj3/SCTfFy6CDL59XGlbNsQXOfN5AsXokhWrcesrx5raPd5fIpYOv7yuCCGbzcZ6QaV/kEDQSb6KijAMxL8oXCOiLYDFuSqR61GbDcw0MSNmXJBmuVlyjBJIN7kAK0iTU8YuHMZkEc0G9zEaCFz3Mesnjn/dJHFqOEIc44Hs0qclkTLOUUjxZiur91I0eiKq9eNw8Q9JzYLQOiXEphSLJgMIem8nwxLnlk9ry3taCq8hJIwhsxTzkYT2WE1oxM2FSos4QBwztBnbvU0SSboWMeTbjYy1rhcINKfoyFiWw82cUK1m0Cqm1BtYO74MxGWiTsh933hBTEkuOeh9T+DofgR5/Nc3i39dW3NfdqjeRXAWk8xcd0SZ8LnYz+Ki5SrnR/lZ01JsD90X0D7zmzYLq8G+bKhtHM9cwMwFkFBQRrjUMmLE/ssFl9ht2sMjnkGTxHGzJiYvUR9BEIaMBYNy9zWMaT6w92VskQQzgAm7Wnn617HQPwsLVYkEDr8gTcYNSASvCEQzsFVUpYT2nRCaxIifXsl4FsMorIg1QRNtaAsWQRY5p/LZZixSJws7kQ613PhP8IRutpU+Q29Xf+X3/50bbffE2OxggxU8G/tRzmVQwRgFmKiXkJmpcwva+zWpJyORYjN4GnayUyZ4FUEa42rEZQZwisHMw1jzH1E6eW4vKy2iAIKXFzEvlHr+aR+dvU1ivvqu+WVFg3GN98hJEtlCXLlvGFgK2OHA9xSnjHOTDFGiiNABTDoySXrAmmauezRUni0E+FPHlM7Wy4hWzC13v8fnMYQZh3GH/LFLxhkz3Wywv6LPGU3C2cLmFBxVFZMiAsEAYSbcxrbRDgqvbi1ego5rCMpAXJPOUh+21dSmmx981ovGIQRoMIYDUpvg1CJ/c7gut9vGupIw+QN2gjL0oJKDC8Tw7Y3pySTl6nHtbn9YTWj0WivGKTE0QosvCGjIB0xddlhidJjmVtuboOu8stTjAHR1yf5W1hsUFXoBTAOpTgUw7WxMotnML63DjONUBKfVnpZuc2Q4Cvf3JhTOpk5LEBDAPFxi43rmizRIGHgVCbcafK4J9exY4tRraey0N8x7CBJGkbyMWNrRk1eAM2EIYFlpZtbJkE06JM1QD1Mu6PVirV116tS0BXYWUYErmtCJNrafqxwMf3GhceWToD8ypWiqWg1v1kNuZm90ouArb+G6uWXGRsdHoyddl1E+a+qqEghnsv3WPJNs/kvnzSdUenlLKPXFoI65MsqRR0vTlYFNbFAkHqPclSOlcUBaPi1cYHFFmpZwlJusAQQeBuOBi18fSwhGMP8HhuOlQFvsexQ73bENyZ0Mv3MQwKaqGsOaXu87VwUonAq2ow6+91H/tkUdw/RbDghTzBnhIYAW/rM0ptDA8htCY02yOggjh2abN4810fyA+l+7yKBdmtJQOUOPLi+mBVa3zNXai48hCWKJ+wKWggK4HbbYoNkDwt/aw99rCnZo3n/KQ5wQ4l27za8Chsy3iCNfgBCWKVOIBVofWMipIWisxLMZuJb7UANPEuHtomobhiDaLEm50r1UfdTWWEx11fRwBPy99ZiAALM7GOXvdBANYsqaofOJAQsiYLcJJncxcCN9vvvkALjnggS+ex7ksy77kRFphsNpES+ywOLvyQazcMmWlef/V3iLdxVVvZfWtD5ZPH76X8pXSyQY8VWlSvcgDQ0oR2fXOMJrOZNhgsspaubwW4/l2T06DHvMCCWHXj9+9dT9EvvCYjqKOAzVmwrT2XWC8AncYR0CEKJLF+8InCt0FyDjFxs3zrafx0c/08UxcohGVbLHZgQ5bWsvQWltLu8AW6arfPBrMUBEKwxj4sQoLFg8ERLFYYtOHN18Io2LhdTyGsd59kWUKhbrYBeUsjjaecA6Jbm8SQ94H47tlgXrCQ5RjB+g5kUWKLWAsEVV2TEa+FJJwSNuH0FyB5luSLd/GOd7ETFs1IKJnleyIQIxQwQRavBnOtL/kysF5Bb+OoR3llqeRXygF7qPDCMiPaXKTNR4BsyJ4YLszazK5dv5e1cAFmKJeFyGyVM2SZtd96zPJqY2yxbnk56EkYCmuB1/nA40s1Nm4Xh3As1WVE+yBDfSit+22Yr8OhoPsIrPXWp/eMxxpY/z7OKlYmS5uBOAgDNkAs7bq8T6Z/vFotC4YLMDJiVgorJXKsFfVEFVltyqUoOQRX3dixsWpzhFP5fJxMbp4gxqCz9dlNXYirP4hiNJ7Vda/1YVRLAmw2I2RwDKM+yiiUrbRkzoX6ZXHJQj+gFCG6vmPIgsCFnVVmzxruX5pnQS0SfcW6Nok8Cc8jviS8QyMunssSyJPqx30f3xdUB9OekSinSDwXNmX1yaUEsxu0UCX+2RwBG2Gh+HBe/sSDKVT1ACwtlGNmmBVCo1ySfnjOecihhahfYSCCkwBG2P2yCdfGyRc6lr5232Oayyoa06ayKseaG4ARh91k8sDfNk18M6YjZvlAaxM/KG6PHmoHzlrbws796KD+G5NsYjLU1gMd4B0CQRpeRdaLVfagHCvawI0dsA5QVVuZbdfWiiR6oMfOgxRujhanoM1jmtNBk3xFNrzcHnywMK8bu9b6wHD3XXcCKB7IaQTvZN0caSvDmxy3KQyFjORbQxJvFFb3vAXTOoZd6UTOQJH7WUww0OYJaDBMhMXLtLJc8CGXAFs8ar2J5TfGPmdrY5y1gLTF9LXSrvu+xv0INWW0LlbJWq3NptCD/AHjIuPmRgLzbvQSCbpFmMBt1x01nDykZ3u5kaDGOlnPHgQR3ito67MAz2uaDBOjFLFJ6WUftUkhHg29s5Nkadyu7z3xB6QsScDIEBAetAq3oRDBGnh3Y6DuIGzZpU0kl0wdexMCQJODLuM7eZVAXtVeHbIGg2EaFiThWoWrQanyLlNpEqSAVd2z+ARrswR1G8vteQpr3HqRvop0cL3xkllZpDFTmJiC7ZlDDMwjl/1gcFue381EJho/XSEdiBEPA/PgWb5HXpt+mGAewv25fNbGorcSi35iM7JaAYt1sswN4MhB905Vc74fIRgLhrwPTKKMxtsyOAtkoaCNrDJ7c9hwRT0JY3M4gxFPKAo7s77GcEZTW0kvPe66ycowwfwaomS5+c7T7w3qK1WUTXFLH534mVDAp9zaZgU8SFbM+lkfyGFJqC42BBJYNbhqwQmfAjyYRxlkaCynjBQIp7vOS9SaGGFtdiOSVVbO67FKHqE92Nv4iqBgWQI8/UrElz4fL/OLck2m7oM5OH6EvWtlgpcNI6QA5ZkqMLfZP8EJbSNQzV0ob2Px4tJCrBi4dJfMmN+yLnlA63E4x8jIvQSkDVEmSubVS/2WZTECHlT7/Y6ikND1+2nrSWr7BhULhqmKbbLvDfrYQgOCs/326XG7R7ljaWjtKWwpLOrbfc8uWUzjgCDekgLIB36SX92IQkAY2BE3GANvl/esF9ok8rPiLRkpxzDAfSgjGXgqqBZ7wDEUEV8YwPWLcsuPF497f+jY4yyaUKhg1/un1MLLeMwW4WDvLlD8uXsLxfvKceObU1xYS7dh5G08Dza0eKRD+Z+cjQtaJY7KK8s2MxKGBM5sCjbKy0AcmELfu8/T3fNsAj2eTJ2CQBJ4YYkOj5YSwvEmx0Z20WtB+50Li0RxU7Izh4St7f6YgONWjGmDNbdvftDGE20oenlZ4PyM0lacPbztPINn3lOBNlwJpXk3XjGu5lKRRjqgDB12nXG0NpXn62FrUJSi+2vi/rbeZHIZNytbVuG5rha2gtvchQjjN4eHtC1Edu91fzAAY7EJydr75KJQRlV/9LL5GAe46xXt3bzJe/fAOk/UXwVDCUeq4IkbxlL7Nlc8QgSSE9k4+iiGSK5SDHZVhz7DvtoIXjZAnqE+hLE06bIg1A9+wnn1p+bcGIESNh8m58E1QZrlwfk1HJ6+1BakyqnQ3cZxOGRsbft8/72rxt7EVOzhkckD3rbYuZ6LCDH6ZLrYYj8cYAGSNvjWq0Gl+lyOi6tqypRBUn03S71/F5CFLdwxCB4obnTdExziBpfP+tWC9uBJAslyWaQSR6+8iLLEK3J3HdQI2ogOIiN+0F3t97dVsDab2NpQ3i0rYbknqLMalqESmkAeGJCVNiEu32KVVSh2oQBGdk8VtQ27B2xubhMFWfGCEYhRLWrPOZTEKWOfUtwKQO+VQXge9rX5yCZ6YHETumVy2jYuBrcsDcyj/3223uYUO1Dp82tAWMuWjH1tOCWpVNpRQvAGCR4qqZ2Na/FcH+tiaWBQDWjjk9yBUrCl2nQNdPqmFAtXgGwukLLewCM8M6B+ps3mTOtZrWe/hi1RRG1B8lJosYgRIgnLthZNrp/4u0MMGlxHtaZ1YcriERusZMECHsvZeJSyWgjv4WFoq2/Lbm0MbKLlzb3fBdkvFN2hrc9iAsXJ+hdGmoOH2QwGx8ozImRjqTF4z2DFh66BtWWUWKgxG+fE6SBrKeUqiAJhKgbG7bAdp4ktpElBzG4qj1hKLSBTEHIh0ev6ZvVLv23GwhTj2Fpbc6iRYTno6sa/zQe23HEv49iwxtyN4S1L8bfksvHNwRY4Y8zp5volhw2yvQcdlETJ8BPb4JL7c3UoLoFQYUW6M/Fw9SUTlL4kgoWizGTYUnby7AmhwyUxy+ZuXGQwvqdY/zYYBIqpWJO18mwBvzElmK0LlNZeGao2Ym7vyW69jdn6Lg/hGcsAFsM9+sgCWA4sl4UKbpsA8g6bev9+trbiS7KgwXAeBGSZZJSUglK5jzYUB45TVsr21WixprFRdWyQ8he2KK/xUHnJoGeKJZsIDX1Zx8bQLcpCqeu5LGfLCnuYFvaBoayALQKG8yQleUSBp2V9rKdFeGhs8ZUVoaab12i/DKcxwQ7qbtPNq5KdXFsXay55Tq/Gl0hSNM8jO0IAZlQcQGvtmmtZleOMxt6HD3lSY2J9188zLRxYpGC3FrvBnEtT8N7b5MniCE0QgXH5v3jC3ZcCL7XcxTlAEtNs2gZvECmGob+1ySv622SWoverA60JvDW/JNrmmndZFwShdMZWW/Wrxur9qRnuzzPhx2iqBcJ87GPdVVkiwRuUlctfGhNzqp8q58asjQniAEIhvoAsGTljEcs81aKd4wH3ERFQ2HWkQpAXOyhP0XTzMp645yq8Au3f0g6PEDfI3ZiMqvddP/16yAGLwpAWljAJDEubpZGwdQMULEYBlSUkQza58S2ApWBJAjGPXZZF4eKTjLy2jUNO+Y++SvutkfXmLcmBaoPbNZrkXQouLvXqOzS932SP7tYImxNh2XXLSw5koV9c7c5qQIvX4k0Ts5wGZoGsHYxYSH1bEKG3GEcBoA3thNuNLRjC8Po7Cu4+r3U9+TxAgTRQjOxdPsNaVw4Kqi1jQnxqD543CRYPNydz30ZgZkuG1hGuH58BPd1s4s0nWlALFuDuD9WJMYqN3JkVecSy/mANLNRHJs5DWL/NNL4zb2UY1YT90qr4BKrEESyGQXR/H96D7etp2tIN+IQo8gkwbSM2D0MWbDp5em2zIAXScZ2p72ACMkU1KIq5VJFFEbjPW+daWGrxjYvFoZUWueyE0OKI8orAvB4JmwXWDaKgt3vyBN5HNpBaW2c8jHHn25hEL+pgS6+lAzxLGYWXYnZIgYSS51//0ycr3MRmSwWEgOvLsHYj1iJ5WgtNoK2ICo5cmisv7RQf6r+/GNRiVZedSzcXtiaLBivds7msmScZR8bPk8QYD38ku3ugFaxZV2vZ/GuhkkH3uimAEk9tD8vy2+8tEpxwScEOhrbAxUIZrOtLH1toAp/6zJyxO4BqHEHS5kqiwA2sV9kVu/YxzP2qwJY8xCvK2h9e82SMk1JJnTOXewbuFFOmLdfiebsWsZPF2xQbAdYRF8z2ipv9cAAB0C+c2ER95iFZDkuRuC2kbIbrPfxcK0EcdgH7oDUIakFYjJxkcRgs8cBeGVIy8/g7/0c5QVwyYnwZpHxjA3p92kTKtD5eLS40Zn+esCcP2CM/osIBTm5ScVEg31KEyZQpggZKhNv7FTUFPAc5ArpXkMhzGMEyKxsNhx1t7jn3fu9kaXBKgNsp1lOClIDlYUKSVHTeeQSrvyez9ROsa8OyHU1QsqdN3F9va31iLJKUrIzqxDW/5ACD/YbICi6JakALA13cmLdgDsYBR/g56mzMDZbi01JnVLwFMITuIxQbYDeg5hFor/hhXKTFsYKxQOjW1AR/8QjjZGi8wVe9sTQbmvwSRoXG+jAEm+EA7NSy6qyEDpNx9gaD5RKdVchCRcKDFaxGgogZ8Ty4vTUzQiYwSxODKJWVCuwphnxeeZEEzEZYC0YnD7Fxzc+C6SNZMKHG9zvybaKqAGPrM4PjIXIo1H/LPK2tPiDrwKb/g0oQWnxWsaS0OvteHDqXMLXb71KgtupGKZGgy9bWctvAxvIMEyHraxOM13zJsqWYraKKP5QKVrJidFP1emNZ/fbsfnOI5m5OQVrb3Ri62dISaBQOrIcR0C1Yvh6Uw2xYCKuicK5IKZt1C+opal0WBPlVBh7QdaeJfq1ByVwJg9JtIHaGMiafCjXysZSTAmzcxjIBt7mU4ilTHENpBWyUll6MB5IkuPejbzKBRZ6DNEgID+XtocMetq5TH1Q7VUIxDBaOhSzMdA9d3DLB/cEDOdEx8N0AAAQmSURBVEljOJNnPQjDHgRRKAOA+0gGi2088sgtxL8W37yNZQ1eIQEv5RkgGwJgTtqLGZhTMos9lJ4e7t+Y6h7PMWZjLVM7nu1ha0U5MaGbdpcy4fUW2bgg/KYMcQYug8Tu85QtZ8DjhU7Hqs1n88CXarLNrZ/DJ4/edA3dZWTNuQ+TIwq8ufbgUzKoZmaNAjDFirf143GqvA7NkhsT5f2eB0OlD+29P/3eoJ668zQht2IB3HYPW3iH74fXZutfrHQ9cc+lxYwWCQ7320U8pXFRUFDlAEjRz+ay8jYqZbqfcvosT2GMzc3bKEnc2C+7khVk8t4tUh74eTwPzSjELUgEmZCqs/FtCEuCaxbKWrGRPoMBUABC1qPg69aCeB76KPkEFXmDTB+bgfWUkWF0b59tMtcmZ/dvczEkCV1j8Dol8ORy3rPGIbdRr9tgzMhQ/40TNoN896TYHMvKjoH2sHVC8QqZq0ROmcDJ2boX16+txYKAZV1yloUXTIy7t2EWuxuKUm5drcXC/uZVFGQU4goPVBYCdylHwsaS1xvlPMocrY8XycPAzeZmPMVYIJfXbU7WmEo3POjI4gfMVCxhvIDO7RNog3GDsC4MY78JZcG9ghRJY4q3sIWg5lxa6cwcluPwHlYT01BeCmCpxmptMncGYNPFvPqKL6DHpkt6W3P3xBQB3ljWaUw1MFR+v0NirQxZIfUvZ+rOFeAmy6uzBa2ryUZB2b0cwFvEE5wdZGAdYsLeV1dj3Y0F5hwX91nRDkRY6JZ+VA1Yog3csgV6Lf4opci9jCHB5eFOIB1RbO4FnuU6PKQ+EsLWJXadJ/wFdYxHwF6aaBflGcoZmBTaamNweBDBktFmrI0F2hi5BeXIiuU5jZvCKS05GMhC2sYVBEGMWqopmG5NbIkIBBBL4b0N7dVXLja+gUEbwuAaR4VCBULFwaZdB1QSQzioxoTqdR2EcF3BfuEO80oRayGNzzIEeEmSjVPXQTvFIQqWZ4C7PNgDessAUe1NylKAsjsispUI9L0Naw21QW8pHgxvLqN+RgeYl7V4ZTiN7yiA14Ork/RW7WWhLcSGbKa+2SthNvhzO6/7DaiuocRZDuXCbHHhXrndHIixgIdlXebkOTJ5AZ5CKFrF1TpZP/jdpFJNzVrJ1Fy1A51qUggQ2CLb9kMYGKONYiTHQxTbDICFcCPX6wS2DEzhKG599tEXSeSW1OsDBsEC62+xm4j6HgoLFqDhP9iTY7QhSjXYY8pnFGBWbEox5FVdAME2xKbyRpvZ/SUtvb/TaPqRqTNAsW435MiUh6CJ8gABbRkPIdaNUTdWT0lLlWG4uCIYsrr62jRWqq18iMW5jnpjOTJfzBBz008wr90+DKc9HJfLQAHQKAdRt1IDU1UGfZTbfUknTwX9m3iTk9c27/8AXjfjDOPCSk8AAAAASUVORK5CYII=\");background-repeat:repeat;transition:all .5s ease-in-out 0s}:host ::ng-deep .qms-bpmn-container #panel-stencil-container .mat-expansion-panel-header-title{color:#fff}:host ::ng-deep .qms-bpmn-container #panel-stencil-container .joint-theme-default{background:none}:host ::ng-deep .qms-bpmn-container #panel-stencil-container .mat-expansion-indicator:after{color:#fff;transform:rotate(-135deg)}:host ::ng-deep .qms-bpmn-container #panel-stencil-container .mat-expansion-panel-header{min-width:1224px;max-width:100%}:host ::ng-deep .qms-bpmn-container #panel-stencil-container .joint-stencil>.content{width:1200px}:host ::ng-deep .qms-bpmn-container #toolbar-container{left:0;color:#fff;position:absolute}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .group>.group-label{font-size:15px;text-align:center;border:none;background:#eceff7;height:40px;line-height:40px;color:#303046;box-shadow:0 2px 0 0 rgba(0,0,0,.2);margin-bottom:10px;left:0;padding:5px 0}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .group.closed>.group-label{background:#eceff7;height:40px;line-height:40px}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list-item:nth-child(odd){background:#ecefff;background:-webkit-gradient(left,#ecefff 0,#fafafa 100%);background:linear-gradient(270deg,#91a1c9 0,#fafafa);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#ECEFFF\",endColorstr=\"#3571b0\",GradientType=0)}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list-item:nth-child(2n){background:#ecefff;background:-webkit-gradient(left,#ecefff 0,#fafafa 100%);background:linear-gradient(270deg,#91a1c9 0,#fafafa);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#ECEFFF\",endColorstr=\"#3571b0\",GradientType=0)}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list-item .list-item:nth-child(odd){background:#eceff7;background:-webkit-gradient(left,#eceff7 0,#eceff7 100%);background:linear-gradient(270deg,#eceff7 0,#eceff7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#eceff7\",endColorstr=\"#eceff7\",GradientType=0)}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list-item .list-item:nth-child(2n){background:#eceff7;background:-webkit-gradient(left,#eceff7 0,#eceff7 100%);background:linear-gradient(270deg,#eceff7 0,#eceff7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#eceff7\",endColorstr=\"#eceff7\",GradientType=0)}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list-item{border-radius:10px;box-shadow:0 1px 1px 1px rgba(0,0,0,.2)}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn label{color:#7f8c8d}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .btn-list-add{position:relative;left:110px;background:#5799da;border:2px solid #0a468e}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .btn-list-add,:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .btn-list-del{background:#5799da;height:25px;color:#000}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn textarea{width:350px;max-width:350px}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn input[type=color],:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn input[type=range]{width:171px}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list{line-height:.5}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list .select{margin-top:5px}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list .units,:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list label,:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list output{text-align:end;margin-right:4px;margin-top:16px;color:#000}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list-item input{width:50%;float:right}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list-item .input-wrapper input{width:70%;float:none}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn input{width:55%}:host ::ng-deep .qms-bpmn-container .range-field{height:40px;margin-bottom:15px}:host ::ng-deep .qms-bpmn-container .joint-paper-scroller{overflow:hidden}:host ::ng-deep .qms-bpmn-container .breadcrumb-container .qms-breadcrumb-item{cursor:inherit;line-height:16px;font-size:.75rem;color:black(.6);font-weight:400;line-height:22px;margin:0}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list-item .field{padding:0}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .field{padding:10px}:host ::ng-deep .qms-bpmn-container .joint-inspector .group{overflow:hidden;padding:0 0 10px}:host ::ng-deep .qms-bpmn-container .joint-widget.joint-theme-default[data-type=undo]:after{content:\"\"}:host ::ng-deep .qms-bpmn-container .joint-widget.joint-theme-default[data-type=redo]:after{content:\"\"}:host ::ng-deep .qms-bpmn-container .joint-toolbar.joint-theme-bpmn button[data-name=deleteTemplate]:before,:host ::ng-deep .qms-bpmn-container .joint-toolbar.joint-theme-bpmn button[data-name=fullscreen]:before,:host ::ng-deep .qms-bpmn-container .joint-toolbar.joint-theme-bpmn button[data-name=resetToTempTemplate]:before,:host ::ng-deep .qms-bpmn-container .joint-toolbar.joint-theme-bpmn button[data-name=saveAsTemplate]:before{width:40px;height:20px;background-color:transparent;position:absolute;top:27px;left:0}:host ::ng-deep .qms-bpmn-container .joint-toolbar.joint-theme-bpmn button[data-name=saveAsTemplate]:before{content:attr(data-before)}:host ::ng-deep .qms-bpmn-container .joint-toolbar.joint-theme-bpmn button[data-name=saveAsTemplate]:after{background-image:url(\"data:image/png;base64,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\");background-size:20px 20px;background-position:11px -3px}:host ::ng-deep .qms-bpmn-container .joint-toolbar.joint-theme-bpmn button[data-name=deleteTemplate]:before{content:attr(data-before)}:host ::ng-deep .qms-bpmn-container .joint-toolbar.joint-theme-bpmn button[data-name=deleteTemplate]:after{background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFboAABW6AWAVsncAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAACP0lEQVQ4T5VSS2gTURS9plYNbSZJm+Anbcyk1rpJEMRFFxKEIkg/ahGkTU3tRtKP4qdZiNYPEUGLH+iiooJbdSfFnbh0VVwILuafNEnTNNpoiwlo0+ObZIq2WIkHDufd+865c2cY+hueE9kkoqhWR7K6s7rIVJCJxsaJagzLhtikOk2R9JGDSmYoVMzejCB75xp0zYSDy+mAT5RtdN7wrsU0kTXe7HhbvDCAwpNHyD2dwMLjh1iYfFDS3LMJFCbvYzncA63JPvWeyGxEiV4RVcnu2nfLQ0Fk797A/PXLmB+7tI4XS/3P7L44HITg4aaMOJHgNI3mD/sxNxpGeji0MUf6kT53BpnIIArtrRAcprMUd1vtomtbci7gQ7K3o8xg5+/zat3TjkR3G2Y6DyFx6ii+nGyDuLtWIMm1NSo7CGI9QdpeBdldA6XFCdXfAG2/G6rPBWWvA3KjGSLzCTbm27EZCvOxzE+S/I0JjT1B6e+G0ncMSrALSi+rdS2RnY1aPX0cauhE2aezt2OFYl0BpL7nMQv8N1OLSyC5dZ8Wv30VsfEoYvduVU7m16JXVkjctWVMqmPfgL2baK+cUll/ULal3iJ6LPGk1wqR5yBVQN0322SF5OE+lf4D1hz5toc11hn/xa+632MJlQboED3cm8Xm8pCNNlntLzGfyFteGtEyZhrIrHm51/rkFFtP/iOoU6/1tXPsXuEtL6YPULURXQuN5wYTPPdR4bkCCxYZV3RVeS6f8HIfNK9lwLAyEP0ClVT9dLc5lCAAAAAASUVORK5CYII=\");background-size:20px 20px;background-position:11px -1px}:host ::ng-deep .qms-bpmn-container .joint-toolbar.joint-theme-bpmn button[data-name=resetToTempTemplate]:before{content:attr(data-before)}:host ::ng-deep .qms-bpmn-container .joint-toolbar.joint-theme-bpmn button[data-name=resetToTempTemplate]:after{background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsQAAALEBxi1JjQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJ3SURBVEiJrdZLaxRmFAbgZ8aJpkPFjahJVELAhQvFKw1atBShatSioCKI4kLBe6t46+0XlFJEUmtdCFoEXWi9gIKIEo330EL/gK1acKdgA2LRxTmpE3Um0XhgmMP3nXnf79yngIlYg/M4p7eMxhLMR0OedaOMu7iAE/hLDfkDC9CFkXnWgIPowKYK8EppwLok+QVjqxHczu+9mInP8ScW5vlgzMYe/IgfsC1ti2kzD9fzob2kVKE/wnYMwUd4ip1Yhav5uY7/MAar8VN6uh+d+BXN2PcmD7aJPNSnuzfwbRJWk3J61pmkg3AaiyqNbqGQwCW0iLxMETlZjsk1SKTHXUkyLB89qufyEoamPjgJz4qQXMB36U1/SK4mRptIPDiFptQn4BCW5kt6pB2L+yCAr7A59ctohMMY/4rhB6L22/G7SFpJ31IW4S1iPTaWcB8z8CRB20SNX8QxbMGzfoDDv7iJVpwRVWZEAv2W7rX0E6yarBQVCbdLeIhlAwStlHuYlPqgYi3Ld5QCnqfeXRTxPi7CNPw9EDThn9RLRTEeToty/eY9EHyCa2JkPCgmWx2O5mX9AMDLmCYac45oVI2im+FL7B4AwdfYmPoVsU8Q3TtPtHknpr4DeGuC1uEz/Fx52YQ7Yjw0i8H1NiSt+ZvR+FAMuzGvGi0Wya5LkmvYpXZOyiIsHQk+RIz8/xdP5Xw5kawnxYieha1iyXQK9/8Wc2Zs3k/HAXyaLz8uqvFMLXeXiQHXszLr8DF2iHX5Pb4QYelp1Llizb62MqtJI46k6xu8eaGPw1ox3PZ7+YehlxT6IGrCCtEfzWKqFsT+fixCcQoPqgG8AFOaft796x2HAAAAAElFTkSuQmCC\");background-size:20px 20px;background-position:11px -1px}:host ::ng-deep .qms-bpmn-container .joint-toolbar.joint-theme-bpmn button[data-name=fullscreen]:after{background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAABLklEQVRIS+2UPUtCYRiGj2v9AEfJpYQ+0KHFxjYnJxe3IHCqH9Hu5C8J+gEtBYq0WLg52NaHoFgEnuP1vNyJgi7ve1qqCy7O+zw83M85x4/onx8hSZJ8HMd3+IYvS77iM15p1B9CjvGBZSvQm2JTY2EQtIs9ZTvSXlDBT2U7UllAzhYhZ/il0BkOUltAwD4uXg3nG7TP5BY/MPwVkXuu8DbuWI9rAbvYckOh2BLCSiod1EX6pyp/EzxalkfbU+mgt41H9DNq+UNQjaAOnqhlvQb28SJ4CSF1QkZcH9G+hlWc0XNwvtSoHwTU8V1hTzhxycD5Hg806gcBiwXfUBvXmNOYP4SsWzDEskbCWLfAoGf/+4ca84eQGtodT3C8pNU9XPnFesENZzapkT9HFM0BetrUm3SgdX8AAAAASUVORK5CYII=\")}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .toggle span i{background:#1a9af3;border-radius:5px;box-shadow:1px 1px 1px 1px rgba(0,0,0,.2)}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .toggle span i:before{text-shadow:none;right:115%;font-style:normal;font-weight:700;color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:14px;position:absolute;top:8px}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .toggle span i:after{text-shadow:none;right:115%;font-style:normal;font-weight:700;color:rgba(0,0,0,.4);font-family:Helvetica,Arial,sans-serif;font-size:14px;position:absolute;top:8px}:host ::ng-deep .qms-bpmn-container .joint-selection.joint-theme-bpmn .selection-wrapper{display:block}:host ::ng-deep .qms-bpmn-container .no-result-connection{height:100%;flex-direction:column;display:flex;transform:none;align-items:center;justify-content:center}:host ::ng-deep .qms-bpmn-container .button-add{width:359px;margin:20px 20px 0}:host ::ng-deep .qms-bpmn-container .button-add .add-icon{color:var(--primary)}:host ::ng-deep .qms-bpmn-container .have-result-connection{height:100%;flex-direction:column;display:flex;transform:none}:host ::ng-deep .qms-bpmn-container .mat-expansion-panel-header:hover:not(:hover .description-edit){background-color:transparent!important}:host ::ng-deep .qms-bpmn-container .mat-expansion-panel-header .mat-content{display:block}:host ::ng-deep .qms-bpmn-container .mat-expansion-panel-header .mat-content .description-header{display:flex;align-items:center;justify-content:space-between}:host ::ng-deep .qms-bpmn-container .mat-expansion-panel-header .default-subtitle{font-family:Open Sans;font-size:16px;font-weight:600;line-height:28px;color:#0163b2}:host ::ng-deep .qms-bpmn-container .connection-content-body{display:flex;justify-content:space-between;align-items:center}:host ::ng-deep .qms-bpmn-container .connection-content-body .mat-menu-item{width:auto}:host ::ng-deep .qms-bpmn-container .edit-icon{width:40px;height:40px;line-height:40px}:host ::ng-deep .qms-bpmn-container .mat-form-field .mat-select-arrow{display:none}:host ::ng-deep .qms-bpmn-container .custom-mat-form-field{width:48px;height:48px}:host ::ng-deep .qms-bpmn-container .custom-mat-form-field .mat-form-field-flex{padding-left:12px}:host ::ng-deep .qms-bpmn-container .target-wrapper{padding-left:10px;padding-bottom:8px}:host ::ng-deep .qms-bpmn-container .qms-list-item-content{margin-left:0;height:auto}:host ::ng-deep .qms-bpmn-container .wrap-image.image-square{background-color:transparent;margin-right:0}:host ::ng-deep .qms-bpmn-container .qms-list-text{justify-content:center;border-bottom:none}:host ::ng-deep .qms-bpmn-container .mat-expansion-panel-body{padding-left:0;padding-right:0}:host ::ng-deep .qms-bpmn-container .qms-btn-icon{height:auto}:host ::ng-deep .qms-bpmn-container .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .qms-bpmn-container .mat-form-field-wrapper .mat-form-field-flex{border-bottom:none;background-color:transparent}:host ::ng-deep .qms-bpmn-container .mat-form-field-wrapper .mat-form-field-flex:hover{background-color:transparent}:host ::ng-deep .qms-bpmn-container .connection-item-container .related-item-wrapper,:host ::ng-deep .qms-bpmn-container .content-item-container .related-item-wrapper{display:flex;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:8px}:host ::ng-deep .qms-bpmn-container .connection-item-container .qms-list-item.image-item .qms-list-text,:host ::ng-deep .qms-bpmn-container .content-item-container .qms-list-item.image-item .qms-list-text{border-bottom:none!important}:host ::ng-deep .qms-bpmn-container .connection-item-container .mat-expansion-panel.qms-expansion,:host ::ng-deep .qms-bpmn-container .content-item-container .mat-expansion-panel.qms-expansion{margin-left:0!important;margin-right:0!important}:host ::ng-deep .qms-bpmn-container .connection-item-container .qms-list-item,:host ::ng-deep .qms-bpmn-container .content-item-container .qms-list-item{height:56px}:host ::ng-deep .qms-bpmn-container .connection-item-container .mat-expansion-panel-body{padding-left:0!important;padding-right:0!important}:host ::ng-deep .qms-bpmn-container .active-anchor{color:var(--primary)}::ng-deep .stencil-paper-drag{z-index:10000}::ng-deep .group-action-member{width:359px;max-width:359px!important;margin-left:20px!important}::ng-deep .mat-expansion-panel-header .mat-expansion-indicator:after{color:#0163b2}::ng-deep .mat-form-field:hover{background:none}::ng-deep .mat-menu-panel{width:auto}::ng-deep .mat-select-search-inside-mat-option .mat-select-search-input{border-bottom:1px solid rgba(0,0,0,.38);margin:.25rem;background-color:rgba(0,0,0,.04);border-radius:4px}.activity-attachment__attachment-list .custom-attachment-margin{margin:16px 0}.activity-attachment__attachment-list .qms-scrollable-attachment-list .qms-list-item.mat-2-line.image-item{height:64px}.activity-attachment__attachment-list .qms-scrollable-attachment-list .qms-list-item.mat-2-line.image-item .qms-line,.activity-attachment__attachment-list .qms-scrollable-attachment-list .qms-list-item.mat-2-line.image-item .subtitle{-webkit-line-clamp:1}.activity-attachment__attachment-list .qms-scrollable-attachment-list .qms-list-item.mat-2-line.image-item .subtitle:last-child{padding:2px}.activity-attachment__attachment-list .qms-scrollable-attachment-list .qms-list-item.mat-2-line.image-item .subtitle{font-weight:600;font-size:16px;word-break:break-word}.activity-attachment__attachment-list .qms-scrollable-attachment-list .qms-list-item.mat-2-line.image-item .subtitle .qms-btn-text:focus-visible:after,.activity-attachment__attachment-list .qms-scrollable-attachment-list .qms-list-item.mat-2-line.image-item .subtitle .qms-btn-text:focus:after{animation:none}.activity-attachment__attachment-list .qms-scrollable-attachment-list .qms-list-item.mat-2-line.image-item .qms-btn{padding:0 8px;color:#fff}.activity-attachment__attachment-list .qms-scrollable-attachment-list .qms-list-item.mat-2-line.image-item .qms-btn-icon{height:1.5rem;width:1.5rem;line-height:1.5rem}.activity-attachment__attachment-list .mat-dialog-actions{padding:8px 0 0}.activity-attachment__attachment-list .qms-list-text{height:56px;border-bottom:1px solid var(--other-divider)!important}.activity-attachment__attachment-list ::ng-deep .qms-list-header{height:56px;border-bottom:1px solid var(--other-divider)!important}.activity-attachment__attachment-list .attachment-ion{width:56px;height:56px;background-color:#fff}.qms-badges-container{margin-right:15px;display:flex}.qms-badges-container ::ng-deep .qms-badges-circle-large{border:1px double}.qms-badges-container ::ng-deep .text-color-white{color:grey!important;font-weight:600}"]
+                    template: "<div class=\"qms-bpmn-container\">\n  <div id=\"bpmn\" class=\"bpmn__editor\">\n    <div id=\"toolbarpanel\">\n      <div *ngIf=\"editMode !== flowchartViewMode.View\" id=\"toolbar-container\" [class.disabled]=\"isDisableToolbar()\">\n      </div>\n    </div>\n    <div id=\"leftpanel\" class=\"full-screen-bpmn-editor_panel\">\n      <div id=\"paperpanel\" class=\"full-screen-bpmn-editor_paperpanel\">\n        <div id=\"paper-container\"></div>\n      </div>\n      <div id=\"stencilpanel\">\n        <mat-expansion-panel *ngIf=\"editMode !== flowchartViewMode.View\" id=\"panel-stencil-container\"\n          [expanded]=\"expandedPanel\" (click)=\"expandPanel()\">\n          <mat-expansion-panel-header>\n            <mat-panel-title> </mat-panel-title>\n          </mat-expansion-panel-header>\n          <div id=\"stencil-container\"></div>\n        </mat-expansion-panel>\n      </div>\n    </div>\n    <div id=\"rightpanel\" class=\"full-screen-bpmn-editor_panel\">\n      <mat-tab-group mat-stretch-tabs mat-align-tabs=\"center\" (selectedTabChange)=\"onTabChange($event)\"\n        [(selectedIndex)]=\"selectedTabIndex\">\n        <mat-tab [label]=\"LANG.BPMN.PROPERTIES\" id=\"qmsckeditor_bpmn_properties\">\n          <div id=\"inspector-container\"></div>\n        </mat-tab>\n        <mat-tab [label]=\"LANG.BPMN.CONNECTION\" id=\"qmsckeditor_bpmn_connection\" [disabled]=\"disabledConnectionTab\">\n          <ng-container\n            *ngIf=\"QMSBPMNConfig.addConnectionType === bpmnAddConnectionType.MultiConnection && isShowConnectType() && isShowAddConnectionTab()\">\n            <ng-container *ngIf=\"!QMSBPMNConfig.showShapeConnectionValue\">\n              <ng-container *ngTemplateOutlet=\"noResult\">\n              </ng-container>\n            </ng-container>\n            <ng-container *ngIf=\"QMSBPMNConfig.showShapeConnectionValue\">\n              <ng-container *ngTemplateOutlet=\"haveResult\">\n              </ng-container>\n            </ng-container>\n          </ng-container>\n          <mat-expansion-panel id=\"qmsckeditor_bpmn_connection_panel\" [expanded]=\"true\" (opened)=\"(true)\"\n            (closed)=\"(false)\" hideToggle style=\"position: relative;height: 100%;\"\n            *ngIf=\"QMSBPMNConfig.addConnectionType === bpmnAddConnectionType.SingleConnection && isSelectedView()\">\n            <div id=\"connection-container\" *ngIf=\"isShowConnectType()\">\n              <div class=\"shape__connect-type\" *ngIf=\"!QMSBPMNConfig.showShapeConnectionValue\">\n                <h3 class=\"shape-connect__select-label\">{{ LANG.BPMN.CHOOSE_CONNECTION_TYPE }}</h3>\n                <mat-radio-group [(ngModel)]=\"selectedValue\" name=\"connectType\"\n                  (ngModelChange)=\"selectConnectType($event)\" aria-label=\"Select an option\" class=\"mt-3\">\n                  <div *ngFor=\"let type of QMSBPMNConfig.connectTypes\">\n                    <mat-radio-button [value]=\"type.value\" qms-group-options color=\"default\" *ngIf=\"type.canConnect\">\n                      <span class=\"text-label title\">{{ type.viewValue }}</span>\n                      <small class=\"text-help\">{{ type.description }}</small>\n                    </mat-radio-button>\n                  </div>\n                </mat-radio-group>\n              </div>\n              <div *ngIf=\"shapeModel && QMSBPMNConfig.showShapeConnectionValue && editMode !== flowchartViewMode.View\"\n                class=\"ml-4 mr-4 mt-2\">\n                <ng-container *ngIf=\"shapeModel.shape?.connectionTypeId === shapeFlowChartConnectionType.Activity\">\n                  <span class=\"shape-connect__label\"> {{ LANG.BPMN.CONNECTION_TYPE.CONNECTED_ACTIVITY }}</span>\n                  <mat-card class=\"col-12 col-md-12 mt-2\">\n                    <div class=\"row\">\n                      <div class=\"col-9 title\" style=\"word-wrap: break-word\">\n                        {{ shapeModel.description.title }}\n                      </div>\n                      <div class=\"col-1\" style=\"cursor: pointer\">\n                        <mat-icon (click)=\"openActivity()\">edit</mat-icon>\n                      </div>\n                      <div class=\"col-1\" style=\"cursor: pointer\">\n                        <mat-icon (click)=\"deleteConnection(shapeModel.shape.connectionTypeId)\">close</mat-icon>\n                      </div>\n                    </div>\n                  </mat-card>\n                </ng-container>\n                <ng-container *ngIf=\"shapeModel.shape?.connectionTypeId !== shapeFlowChartConnectionType.Activity\">\n                  <span class=\"shape-connect__label\"> {{ QMSBPMNConfig.shapeConnectLabel }}</span>\n                  <mat-form-field appearance=\"fill\" class=\"mt-3 connect-link\"\n                    *ngIf=\"shapeModel.relatedItem.itemType == relatedItemType.document\" qms-form qms-select-input>\n                    <mat-label *ngIf=\"!QMSBPMNConfig.isAnchorLoading\">{{\n                      LANG.BPMN.CHOOSE_ANCHOR_IN_TEXT\n                      }}</mat-label>\n                    <mat-label *ngIf=\"QMSBPMNConfig.isAnchorLoading\">\n                      <div class=\"d-flex align-items-center\">\n                        <span>{{ LANG.LOADING }}</span>\n                        <mat-spinner class=\"spinner\" diameter=\"20\"></mat-spinner>\n                      </div>\n                    </mat-label>\n                    <mat-select [(ngModel)]=\"anchorValue\" name=\"anchorType\" qms-select\n                      (ngModelChange)=\"changeShapeAnchor($event)\" panelClass=\"connection-size select-tiny-margin\"\n                      disableOptionCentering>\n                      <mat-option *ngFor=\"let anchor of anchors\" [value]=\"anchor.anchorValue\">\n                        {{ anchor.viewValue }}\n                      </mat-option>\n                    </mat-select>\n                  </mat-form-field>\n                  <button *ngIf=\"shapeModel.relatedItem.itemType == relatedItemType.document\"\n                    (click)=\"reloadAnchorDocument()\" type=\"button\" qms-btn-text class=\"reload-anchor\"\n                    [class.disabled]=\"QMSBPMNConfig.isAnchorLoading\">\n                    <mat-icon>refresh</mat-icon> {{ LANG.BPMN.RELOAD_ANCHORS }}\n                  </button>\n                  <mat-form-field class=\"connect-link\" appearance=\"fill\" style=\"margin-left: 0px;\"\n                    [ngStyle]=\"{ 'margin-top': shapeModel.relatedItem.itemType != relatedItemType.document ? '0px' : '15px' }\"\n                    qms-form qms-select-input>\n                    <mat-label>{{ LANG.BPMN.CONNECTION_TYPE.OPTION_FOR_OPENING }}</mat-label>\n                    <mat-select [(ngModel)]=\"targetValue\" name=\"processTargetType\" qms-select\n                      (ngModelChange)=\"changeShapeTartget($event)\" panelClass=\"connection-size select-tiny-margin\"\n                      disableOptionCentering>\n                      <mat-option *ngFor=\"let target of targets\" [value]=\"target.value\">\n                        {{ target.viewValue }}\n                      </mat-option>\n                    </mat-select>\n                  </mat-form-field>\n                  <div class=\"shape-connect__item-card mt-2\">\n                    <ng-container\n                      *ngIf=\"shapeModel.shape?.connectionTypeId === shapeFlowChartConnectionType.Link, else notLinkConnection\">\n                      <div>\n                        <mat-icon>link</mat-icon>\n                      </div>\n                      <div class=\"shape-connect__content\">\n                        <div class=\"col-12 title link-title\">\n                          {{ shapeModel.link.link }}\n                        </div>\n                      </div>\n                    </ng-container>\n                    <ng-template #notLinkConnection>\n                      <qms-list-item type=\"image-square\">\n                        <mat-icon *ngIf=\"shapeModel.relatedItem.SVGIcon\" leading-icon type=\"image-square\"\n                          [svgIcon]=\"shapeModel.relatedItem.SVGIcon\"></mat-icon>\n                        <mat-icon *ngIf=\"shapeModel.relatedItem.matIcon\" leading-icon\n                          type=\"image-square\">{{shapeModel.relatedItem.matIcon}}</mat-icon>\n                        <div qms-list-header>\n                          <div qms-line type=\"subtitle\" class=\"search__option-name\">\n                            <div *ngIf=\"shapeModel.relatedItem.parentName\" class=\"caption\">\n                              {{ shapeModel.relatedItem.parentName }}\n                            </div>\n                            <span class=\"cursor\">{{ shapeModel.relatedItem.itemName }}</span>\n                          </div>\n                        </div>\n                        <div qms-line color=\"default-subtitle\"\n                          *ngIf=\"\n                                                          (shapeModel.relatedItem.itemType === relatedItemType.document ||\n                                                          shapeModel.relatedItem.itemType === relatedItemType.process || \n                                                          shapeModel.relatedItem.itemType === relatedItemType.processInterconnected)\">\n                          <ng-container *ngIf=\"shapeModel.relatedItem.displayId\">\n                            ID: {{ shapeModel.relatedItem.displayId }}\n                            {{ shapeModel.relatedItem.statusName ? ', ' + shapeModel.relatedItem.statusName : ''}}\n                          </ng-container>\n                        </div>\n                        <div qms-line color=\"default-subtitle\" *ngIf=\"shapeModel.relatedItem.itemType === relatedItemType.compliance && \n                            shapeModel.relatedItem.breadcrumbs && \n                            shapeModel.relatedItem.breadcrumbs.length > 0\">\n                          <qms-breadcrumb class=\"breadcrumb-container\" type=\"table\" numDisplayItem=\"2\"\n                            [nodes]=\"shapeModel.relatedItem.breadcrumbs\">\n                          </qms-breadcrumb>\n                        </div>\n                      </qms-list-item>\n                    </ng-template>\n                    <button type=\"button\" qms-btn-icon color=\"light\" class=\"item-card__delete-btn\"\n                      (click)=\"deleteConnection(shapeModel.shape.connectionTypeId)\">\n                      <mat-icon>close</mat-icon>\n                    </button>\n                  </div>\n                </ng-container>\n              </div>\n            </div>\n          </mat-expansion-panel>\n        </mat-tab>\n      </mat-tab-group>\n    </div>\n  </div>\n</div>\n\n<ng-template #noResult>\n  <div class=\"no-result-connection\">\n    <svg width=\"200\" height=\"160\" viewBox=\"0 0 200 160\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M104 144.5C132.167 144.5 155 121.667 155 93.5C155 65.3335 132.167 42.5 104 42.5C75.8335 42.5 53 65.3335 53 93.5C53 121.667 75.8335 144.5 104 144.5Z\"\n        fill=\"#FAFAFA\" />\n      <path\n        d=\"M32 129.5C41.9411 129.5 50 121.441 50 111.5C50 101.559 41.9411 93.5 32 93.5C22.0589 93.5 14 101.559 14 111.5C14 121.441 22.0589 129.5 32 129.5Z\"\n        fill=\"#FAFAFA\" />\n      <path\n        d=\"M41 84.5C45.9706 84.5 50 80.4706 50 75.5C50 70.5294 45.9706 66.5 41 66.5C36.0294 66.5 32 70.5294 32 75.5C32 80.4706 36.0294 84.5 41 84.5Z\"\n        fill=\"#FAFAFA\" />\n      <path\n        d=\"M164 129.5C168.971 129.5 173 125.471 173 120.5C173 115.529 168.971 111.5 164 111.5C159.029 111.5 155 115.529 155 120.5C155 125.471 159.029 129.5 164 129.5Z\"\n        fill=\"#FAFAFA\" />\n      <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M68.8428 39.6674L73.4284 39.1577L68.8428 39.6674Z\"\n        fill=\"white\" />\n      <path\n        d=\"M68.7008 38.4256C68.0146 38.5018 67.522 39.1197 67.6004 39.8055C67.6789 40.4914 68.2988 40.9856 68.9849 40.9093L68.7008 38.4256ZM73.5705 40.3996C74.2566 40.3233 74.7493 39.7055 74.6708 39.0196C74.5923 38.3337 73.9725 37.8396 73.2864 37.9158L73.5705 40.3996ZM68.9849 40.9093L73.5705 40.3996L73.2864 37.9158L68.7008 38.4256L68.9849 40.9093Z\"\n        fill=\"#616161\" />\n      <path opacity=\"0.3\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n        d=\"M121.14 37.7692L129.56 99.2529L130.317 105.421C130.561 107.408 129.167 109.215 127.203 109.456L74.7613 115.895C72.7978 116.136 71.0082 114.72 70.7642 112.733L62.6142 46.3568C62.4795 45.2605 63.2592 44.2626 64.3555 44.128L70.8431 43.3314\"\n        fill=\"#616161\" />\n      <path\n        d=\"M77.9219 23.5C77.9219 21.9812 79.1531 20.75 80.6719 20.75H126.229C126.958 20.75 127.657 21.0395 128.173 21.5549L141.616 34.9898C142.132 35.5056 142.422 36.2053 142.422 36.9349V99.5C142.422 101.019 141.191 102.25 139.672 102.25H80.6719C79.1531 102.25 77.9219 101.019 77.9219 99.5V23.5Z\"\n        fill=\"#FAFAFA\" stroke=\"#616161\" stroke-width=\"2.5\" />\n      <path d=\"M126.672 21.9028V33.5C126.672 35.1569 128.015 36.5 129.672 36.5H137.605\" stroke=\"#616161\"\n        stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n      <path d=\"M88 87.5H114M88 36.5H114H88ZM88 48.5H131H88ZM88 61.5H131H88ZM88 74.5H131H88Z\" stroke=\"#616161\"\n        stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n    </svg>\n    <span>{{ LANG.BPMN.NO_CONNECTIONS }}</span>\n    <div [matMenuTriggerFor]=\"menu\">\n      <button qms-btn-outlined class=\"button-add\">\n        <mat-icon class=\"add-icon\">add</mat-icon> {{ LANG.QMSCKEDITOR.ADD }}\n      </button>\n      <mat-menu #menu=\"matMenu\" class=\"group-action-member menu-action\">\n        <ng-container *ngFor=\"let type of QMSBPMNConfig.connectTypes\">\n          <button type=\"button\" mat-menu-item *ngIf=\"type.canConnect\" (click)=\"selectConnectTypeForShape(type)\">\n            <mat-icon class=\"material-icons-outlined\" *ngIf=\"type.icon\">\n              {{ type.icon }}\n            </mat-icon>\n            <span>{{ type.viewValue }}</span>\n          </button>\n        </ng-container>\n      </mat-menu>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #haveResult>\n  <div class=\"have-result-connection\">\n    <div [matMenuTriggerFor]=\"menu\">\n      <button qms-btn-outlined class=\"button-add\">\n        <mat-icon class=\"add-icon\">add</mat-icon> {{ LANG.QMSCKEDITOR.ADD }}\n      </button>\n      <mat-menu #menu=\"matMenu\" class=\"group-action-member menu-action\">\n        <div *ngFor=\"let type of QMSBPMNConfig.connectTypes\">\n          <button type=\"button\" mat-menu-item *ngIf=\"type.canConnect\" (click)=\"selectConnectTypeForShape(type)\">\n            <mat-icon class=\"material-icons-outlined\" *ngIf=\"type.icon\">\n              {{ type.icon }}\n            </mat-icon>\n            <span>{{ type.viewValue }}</span>\n          </button>\n        </div>\n      </mat-menu>\n    </div>\n    <div class=\"button-add\">\n\n      <ng-container *ngIf=\"shapeConnectionDetailModel?.description?.description?.length\">\n        <mat-accordion class=\"example-headers-align content-item-container\">\n          <mat-expansion-panel qms-expansion>\n            <mat-expansion-panel-header qms-expansion-header class=\"mat-expansion-panel-header\">\n              <div class=\"connection-content-body\">\n                <div qms-line color=\"default-subtitle\"> {{ LANG.QMSCKEDITOR.DESCRIPTION }}\n                </div>\n                <button type=\"button\" qms-btn-icon color=\"light\" class=\"edit-icon description-edit\"\n                  *ngIf=\"QMSBPMNConfig.shapeConnectionActionModel.length\" [matMenuTriggerFor]=\"descriptionAction\"\n                  (click)=\"openConnectionActionDropdown($event)\">\n                  <mat-icon>more_vert</mat-icon>\n                </button>\n                <mat-menu #descriptionAction=\"matMenu\" class=\"group-action-member menu-action\">\n                  <ng-container *ngFor=\"let action of QMSBPMNConfig.shapeConnectionActionModel\">\n                    <button type=\"button\" mat-menu-item\n                      (click)=\"selectShapeDescriptionConnectionAction(action.actionType)\">\n                      <span> {{ action.actionName }} </span>\n                    </button>\n                  </ng-container>\n                </mat-menu>\n              </div>\n            </mat-expansion-panel-header>\n            <mat-label class=\"ck-content\" [innerHTML]=\"shapeConnectionDetailModel.description.description\"></mat-label>\n          </mat-expansion-panel>\n        </mat-accordion>\n      </ng-container>\n\n      <ng-container *ngIf=\"shapeConnectionDetailModel?.fields?.length\">\n        <ng-container *ngFor=\"let field of shapeConnectionDetailModel.fields\">\n          <mat-accordion class=\"example-headers-align content-item-container\" *ngIf=\"field.content?.length\">\n            <mat-expansion-panel qms-expansion>\n              <mat-expansion-panel-header qms-expansion-header class=\"mat-expansion-panel-header\">\n                <div class=\"connection-content-body\">\n                  <div qms-line color=\"default-subtitle\"> {{ field.name }}\n                  </div>\n                  <button type=\"button\" qms-btn-icon color=\"light\" class=\"edit-icon description-edit\"\n                    *ngIf=\"QMSBPMNConfig.shapeConnectionActionModel.length\" [matMenuTriggerFor]=\"fieldAction\"\n                    (click)=\"openConnectionActionDropdown($event)\">\n                    <mat-icon>more_vert</mat-icon>\n                  </button>\n                  <mat-menu #fieldAction=\"matMenu\" class=\"group-action-member menu-action\">\n                    <ng-container *ngFor=\"let action of QMSBPMNConfig.shapeConnectionActionModel\">\n                      <button type=\"button\" mat-menu-item\n                        (click)=\"selectShapeFieldConnectionAction(field, action.actionType)\">\n                        <span> {{ action.actionName }} </span>\n                      </button>\n                    </ng-container>\n                  </mat-menu>\n                </div>\n              </mat-expansion-panel-header>\n              <mat-label class=\"ck-content\" [innerHTML]=\"field.content\"></mat-label>\n            </mat-expansion-panel>\n          </mat-accordion>\n        </ng-container>\n      </ng-container>\n\n      <ng-container *ngIf=\"shapeConnectionDetailModel?.documentAndProcess?.length\">\n        <mat-accordion class=\"example-headers-align connection-item-container\">\n          <mat-expansion-panel qms-expansion>\n            <mat-expansion-panel-header qms-expansion-header class=\"mat-expansion-panel-header\">\n              <div class=\"connection-content-body\">\n                <div qms-line color=\"default-subtitle\"> {{ LANG.BPMN.DOCUMENT_PROCESS }}\n                </div>\n                <qms-badges class=\"mr-5 qms-badges-container\" [color]=\"'brown'\" [type]=\"'1'\"\n                  [contents]=\"shapeConnectionDetailModel?.documentAndProcess?.length\" [size]=\"'large'\"></qms-badges>\n              </div>\n            </mat-expansion-panel-header>\n\n            <ng-container *ngTemplateOutlet=\"changeShapeTarget\">\n            </ng-container>\n\n            <ng-container *ngFor=\"let connection of shapeConnectionDetailModel.documentAndProcess\">\n              <div class=\"related-item-wrapper\">\n                <qms-list-item type=\"image-square\">\n                  <mat-icon *ngIf=\"connection.relatedItem.SVGIcon\" leading-icon type=\"image-square\"\n                    [svgIcon]=\"connection.relatedItem.SVGIcon\"></mat-icon>\n                  <mat-icon *ngIf=\"connection.relatedItem.matIcon\" leading-icon\n                    type=\"image-square\">{{connection.relatedItem.matIcon}}</mat-icon>\n                  <div qms-list-header>\n                    <div qms-line type=\"subtitle\" class=\"search__option-name\">\n                      <span class=\"cursor\">{{ connection.relatedItem.itemName }}</span>\n                    </div>\n                  </div>\n                  <div qms-line color=\"default-subtitle\">\n                    <ng-container *ngIf=\"connection.relatedItem.displayId\">\n                      ID: {{ connection.relatedItem.displayId }}\n                      {{ connection.relatedItem.statusName ? ', ' + connection.relatedItem.statusName : ''}}\n                    </ng-container>\n                  </div>\n                  <div class=\"custom-anchor\">\n                    <mat-form-field qms-form appearance=\"fill\" class=\"full-width col-12 custom-mat-form-field\"\n                      *ngIf=\"connection.relatedItem.itemType == itemType.document\"\n                      [qms-tool-tip]=\"connection.anchorDocument.anchorValue\" mode=\"dark\" position=\"top\">\n                      <mat-icon [ngClass]=\"{'active-anchor': connection.anchorDocument?.anchorValue?.length > 0}\"\n                        (click)=\"getAnchorForDocument(connection.relatedItem.displayId)\">anchor</mat-icon>\n                      <mat-select qms-select [formControl]=\"anchorIdCtrl\"\n                        [(ngModel)]=\"connection.anchorDocument.anchorId\" panelClass=\"qms-select-panel\"\n                        disableOptionCentering (valueChange)=\"changeDocumentAnchorForShape($event)\">\n\n                        <mat-option>\n                          <ngx-mat-select-search [formControl]=\"anchorIdFilterCtrl\" [placeholderLabel]=\"LANG.SEARCH\">\n                          </ngx-mat-select-search>\n                        </mat-option>\n\n                        <mat-option *ngFor=\"let anchor of (filteredAnchors | async)\" [value]=\"anchor.value\">\n                          {{ anchor.viewValue }}\n                        </mat-option>\n                      </mat-select>\n                    </mat-form-field>\n\n                    <button type=\"button\" qms-btn-icon color=\"light\" class=\"item-card__delete-btn custom-delete-btn\"\n                      (click)=\"removeRelatedItemForShape(connection.relatedItem, shapeFlowChartConnectionType.DocumentOrProcess)\">\n                      <mat-icon>close</mat-icon>\n                    </button>\n                  </div>\n                </qms-list-item>\n\n              </div>\n            </ng-container>\n          </mat-expansion-panel>\n        </mat-accordion>\n      </ng-container>\n\n      <ng-container *ngIf=\"shapeConnectionDetailModel?.deviation?.length\">\n        <mat-accordion class=\"example-headers-align connection-item-container\">\n          <mat-expansion-panel qms-expansion>\n            <mat-expansion-panel-header qms-expansion-header class=\"mat-expansion-panel-header\">\n              <div class=\"connection-content-body\">\n                <div qms-line color=\"default-subtitle\"> {{ LANG.BPMN.DEVIATION }}\n                </div>\n                <qms-badges class=\"mr-5 qms-badges-container\" [color]=\"'brown'\" [type]=\"'1'\"\n                  [contents]=\"shapeConnectionDetailModel?.deviation?.length\" [size]=\"'large'\"></qms-badges>\n              </div>\n            </mat-expansion-panel-header>\n\n            <ng-container *ngTemplateOutlet=\"changeShapeTarget\">\n            </ng-container>\n\n            <ng-container *ngFor=\"let connection of shapeConnectionDetailModel.deviation\">\n              <div class=\"related-item-wrapper\">\n                <qms-list-item type=\"image-square\">\n                  <mat-icon *ngIf=\"connection.SVGIcon\" leading-icon type=\"image-square\"\n                    [svgIcon]=\"connection.SVGIcon\"></mat-icon>\n                  <mat-icon *ngIf=\"connection.matIcon\" leading-icon\n                    type=\"image-square\">{{connection.matIcon}}</mat-icon>\n                  <div qms-list-header>\n                    <div qms-line type=\"subtitle\" class=\"search__option-name\">\n                      <span class=\"cursor\">{{ connection.itemName }}</span>\n                    </div>\n                  </div>\n                  <div qms-line color=\"default-subtitle\">\n                    <ng-container *ngIf=\"connection.parentName\">\n                      {{ connection.parentName }}\n                    </ng-container>\n                  </div>\n                  <button type=\"button\" qms-btn-icon color=\"light\" class=\"item-card__delete-btn\"\n                    (click)=\"removeRelatedItemForShape(connection, shapeFlowChartConnectionType.Deviation)\">\n                    <mat-icon>close</mat-icon>\n                  </button>\n                </qms-list-item>\n\n              </div>\n            </ng-container>\n          </mat-expansion-panel>\n        </mat-accordion>\n      </ng-container>\n\n      <ng-container *ngIf=\"shapeConnectionDetailModel?.checklist?.length\">\n        <mat-accordion class=\"example-headers-align connection-item-container\">\n          <mat-expansion-panel qms-expansion>\n            <mat-expansion-panel-header qms-expansion-header class=\"mat-expansion-panel-header\">\n              <div class=\"connection-content-body\">\n                <div qms-line color=\"default-subtitle\"> {{ LANG.BPMN.CHECKLIST }}\n                </div>\n                <qms-badges class=\"mr-5 qms-badges-container\" [color]=\"'brown'\" [type]=\"'1'\"\n                  [contents]=\"shapeConnectionDetailModel?.checklist?.length\" [size]=\"'large'\"></qms-badges>\n              </div>\n            </mat-expansion-panel-header>\n\n            <ng-container *ngTemplateOutlet=\"changeShapeTarget\">\n            </ng-container>\n\n            <ng-container *ngFor=\"let connection of shapeConnectionDetailModel.checklist\">\n              <div class=\"related-item-wrapper\">\n                <qms-list-item type=\"image-square\">\n                  <mat-icon *ngIf=\"connection.SVGIcon\" leading-icon type=\"image-square\"\n                    [svgIcon]=\"connection.SVGIcon\"></mat-icon>\n                  <mat-icon *ngIf=\"connection.matIcon\" leading-icon\n                    type=\"image-square\">{{connection.matIcon}}</mat-icon>\n                  <div qms-list-header>\n                    <div qms-line type=\"subtitle\" class=\"search__option-name\">\n                      <span class=\"cursor\">{{ connection.itemName }}</span>\n                    </div>\n                  </div>\n                  <div qms-line color=\"default-subtitle\">\n                    <ng-container *ngIf=\"connection.parentName\">\n                      {{ connection.parentName }}\n                    </ng-container>\n                  </div>\n                  <button type=\"button\" qms-btn-icon color=\"light\" class=\"item-card__delete-btn\"\n                    (click)=\"removeRelatedItemForShape(connection, shapeFlowChartConnectionType.Checklist)\">\n                    <mat-icon>close</mat-icon>\n                  </button>\n                </qms-list-item>\n              </div>\n            </ng-container>\n          </mat-expansion-panel>\n        </mat-accordion>\n      </ng-container>\n\n      <ng-container *ngIf=\"shapeConnectionDetailModel?.risk?.length\">\n        <mat-accordion class=\"example-headers-align connection-item-container\">\n          <mat-expansion-panel qms-expansion>\n            <mat-expansion-panel-header qms-expansion-header class=\"mat-expansion-panel-header\">\n              <div class=\"connection-content-body\">\n                <div qms-line color=\"default-subtitle\"> {{ LANG.BPMN.RISK_ANALYSIS }}\n                </div>\n                <qms-badges class=\"mr-5 qms-badges-container\" [color]=\"'brown'\" [type]=\"'1'\"\n                  [contents]=\"shapeConnectionDetailModel?.risk?.length\" [size]=\"'large'\"></qms-badges>\n              </div>\n            </mat-expansion-panel-header>\n\n            <ng-container>\n              <div class=\"related-list__content\"\n                *ngIf=\"shapeConnectionDetailModel?.riskData?.data && shapeConnectionDetailModel?.riskData?.data.length\">\n                <qms-risk-list [data]=\"shapeConnectionDetailModel?.riskData\"\n                  (updateData)=\"onUpdateDataOther($event)\"></qms-risk-list>\n              </div>\n            </ng-container>\n          </mat-expansion-panel>\n        </mat-accordion>\n      </ng-container>\n\n      <ng-container *ngIf=\"shapeConnectionDetailModel?.attachment?.length\">\n        <mat-accordion class=\"example-headers-align connection-item-container\">\n          <mat-expansion-panel qms-expansion>\n            <mat-expansion-panel-header qms-expansion-header class=\"mat-expansion-panel-header\">\n              <div class=\"description-header\">\n                <div qms-line color=\"default-subtitle\"> {{ LANG.QMSCKEDITOR.ATTACHMENT }}\n                </div>\n                <qms-badges class=\"mr-5 qms-badges-container\" [color]=\"'brown'\" [type]=\"'1'\"\n                  [contents]=\"shapeConnectionDetailModel?.attachment?.length\" [size]=\"'large'\"></qms-badges>\n              </div>\n            </mat-expansion-panel-header>\n            <ng-container>\n              <div class=\"activity-attachment__attachment-list\">\n                <div *ngFor=\"let file of shapeConnectionDetailModel?.attachment; let i = index\"\n                  class=\"custom-attachment-margin custom-image\">\n                  <qms-list-item type=\"image-rect\">\n                    <div leading-icon>\n                      <img [src]=\"file.fileContentBase64\" *ngIf=\"file.isImage && file.isDraft\" />\n                      <img [src]=\"'data:image/png;base64,' + file.fileContentBase64\"\n                        *ngIf=\"file.isImage && !file.isDraft\" />\n                      <mat-icon class=\"attachment-ion\" *ngIf=\"!file.isImage && file.extension ==='pdf'\" leading-icon\n                        type=\"image-square\" [svgIcon]=\"'file_pdf'\"></mat-icon>\n                      <mat-icon class=\"attachment-ion\" *ngIf=\"!file.isImage && file.extension ==='docx'\" leading-icon\n                        type=\"image-square\" [svgIcon]=\"'file_word'\"></mat-icon>\n                      <mat-icon class=\"attachment-ion\" *ngIf=\"!file.isImage && file.extension ==='xlsx'\" leading-icon\n                        type=\"image-square\" [svgIcon]=\"'file_excel'\"></mat-icon>\n                      <mat-icon class=\"attachment-ion\"\n                        *ngIf=\"!file.isImage && (file.extension !=='xlsx' && file.extension !=='docx'&& file.extension !=='pdf')\"\n                        leading-icon type=\"image-square\" [svgIcon]=\"'file_icon'\"></mat-icon>\n                    </div>\n                    <div qms-list-header>\n                      <div qms-line type=\"subtitle\">{{ file.fileName }}</div>\n                    </div>\n                    <span class=\"caption\">\n                      <button type=\"button\" qms-btn-icon color=\"light\"\n                        (click)=\"removeRelatedItemForShape(file, shapeFlowChartConnectionType.Attachment)\">\n                        <mat-icon>clear</mat-icon>\n                      </button>\n                    </span>\n                  </qms-list-item>\n                </div>\n              </div>\n            </ng-container>\n          </mat-expansion-panel>\n        </mat-accordion>\n      </ng-container>\n\n      <ng-container *ngIf=\"shapeConnectionDetailModel?.shapeLink?.length\">\n        <mat-accordion class=\"example-headers-align connection-item-container\">\n          <mat-expansion-panel qms-expansion>\n            <mat-expansion-panel-header qms-expansion-header class=\"mat-expansion-panel-header\">\n              <div class=\"connection-content-body\">\n                <div qms-line color=\"default-subtitle\"> {{ LANG.BPMN.LINK }}\n                </div>\n                <qms-badges class=\"mr-5 qms-badges-container\" [color]=\"'brown'\" [type]=\"'1'\"\n                  [contents]=\"shapeConnectionDetailModel?.shapeLink?.length\" [size]=\"'large'\"></qms-badges>\n              </div>\n            </mat-expansion-panel-header>\n\n            <ng-container *ngTemplateOutlet=\"changeShapeTarget\">\n            </ng-container>\n\n            <ng-container *ngFor=\"let link of shapeConnectionDetailModel.shapeLink\">\n              <div class=\"related-item-wrapper\">\n                <qms-list-item type=\"image-square\">\n                  <mat-icon leading-icon type=\"image-square\">link</mat-icon>\n                  <div qms-list-header>\n                    <div qms-line type=\"subtitle\" class=\"search__option-name\">\n                      <span class=\"cursor\">{{ link.link }}</span>\n                    </div>\n                  </div>\n                  <button type=\"button\" qms-btn-icon color=\"light\" class=\"item-card__delete-btn\"\n                    (click)=\"removeRelatedLinkForShape(link, shapeFlowChartConnectionType.Link)\">\n                    <mat-icon>close</mat-icon>\n                  </button>\n                </qms-list-item>\n\n              </div>\n            </ng-container>\n\n\n          </mat-expansion-panel>\n        </mat-accordion>\n      </ng-container>\n\n      <ng-container *ngIf=\"shapeConnectionDetailModel?.compliance?.length\">\n        <mat-accordion class=\"example-headers-align connection-item-container\">\n          <mat-expansion-panel qms-expansion>\n            <mat-expansion-panel-header qms-expansion-header class=\"mat-expansion-panel-header\">\n              <div class=\"connection-content-body\">\n                <div qms-line color=\"default-subtitle\"> {{ LANG.BPMN.CONNECTION_TYPE.CONNECTED_COMPLIANCE }}\n                </div>\n                <qms-badges class=\"mr-5 qms-badges-container\" [color]=\"'brown'\" [type]=\"'1'\"\n                  [contents]=\"shapeConnectionDetailModel?.compliance?.length\" [size]=\"'large'\"></qms-badges>\n              </div>\n            </mat-expansion-panel-header>\n\n            <ng-container *ngTemplateOutlet=\"changeShapeTarget\">\n            </ng-container>\n\n            <ng-container *ngFor=\"let connection of shapeConnectionDetailModel.compliance\">\n              <div class=\"related-item-wrapper\">\n                <qms-list-item type=\"image-square\">\n                  <mat-icon *ngIf=\"connection.SVGIcon\" leading-icon type=\"image-square\"\n                    [svgIcon]=\"connection.SVGIcon\"></mat-icon>\n                  <mat-icon *ngIf=\"connection.matIcon\" leading-icon\n                    type=\"image-square\">{{connection.matIcon}}</mat-icon>\n                  <div qms-list-header>\n                    <div qms-line type=\"subtitle\" class=\"search__option-name\">\n                      <span class=\"cursor\">{{ connection.itemName }}</span>\n                    </div>\n                  </div>\n\n                  <div qms-line color=\"default-subtitle\" *ngIf=\"connection.breadcrumbs?.length\">\n                    <qms-breadcrumb class=\"breadcrumb-container\" type=\"table\" numDisplayItem=\"2\"\n                      [nodes]=\"connection.breadcrumbs\">\n                    </qms-breadcrumb>\n                  </div>\n\n                  <button type=\"button\" qms-btn-icon color=\"light\" class=\"item-card__delete-btn\"\n                    (click)=\"removeRelatedItemForShape(connection, shapeFlowChartConnectionType.Compliance)\">\n                    <mat-icon>close</mat-icon>\n                  </button>\n                </qms-list-item>\n\n              </div>\n            </ng-container>\n          </mat-expansion-panel>\n        </mat-accordion>\n      </ng-container>\n\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #changeShapeTarget>\n  <div>\n    <mat-slide-toggle class=\"target-wrapper\" color=\"default\" qms-group-options\n      [checked]=\"shapeConnectionDetailModel?.target?.targetId == shapeTarget.Blank\"\n      (change)=\"changeShapeTartget($event)\">\n      <span class=\"text-label\">{{ LANG.BPMN.TARGET_BLANK }}</span>\n    </mat-slide-toggle>\n  </div>\n</ng-template>",
+                    styles: [":host ::ng-deep .qms-bpmn-container .bpmn__editor{width:100%;height:100%}:host ::ng-deep .qms-bpmn-container #leftpanel{float:left;width:calc(100% - 400px);height:550px}:host ::ng-deep .qms-bpmn-container #rightpanel{float:right;width:400px;height:550px;border:solid;border-width:0 1px 1px 0}:host ::ng-deep .qms-bpmn-container #rightpanel .units{font-size:12px}:host ::ng-deep .qms-bpmn-container #rightpanel .connection-wrapper{padding-bottom:1.34375em}:host ::ng-deep .qms-bpmn-container #rightpanel .connection-wrapper .mat-card-wrapper{padding-right:0}:host ::ng-deep .qms-bpmn-container #rightpanel .connection-wrapper .connection-content{display:flex;justify-content:space-between}:host ::ng-deep .qms-bpmn-container #rightpanel ::ng-deep .mat-tab-group{height:100%}:host ::ng-deep .qms-bpmn-container #rightpanel ::ng-deep .mat-tab-disabled{cursor:not-allowed}:host ::ng-deep .qms-bpmn-container #connection-container{position:absolute;top:0;right:0;bottom:0;width:398px;background:#fff;overflow-y:auto;padding:0 1rem}:host ::ng-deep .qms-bpmn-container #connection-container .shape__connect-type{padding:1rem 0}:host ::ng-deep .qms-bpmn-container #connection-container .shape__connect-type .mat-radio-button.qms-group-options{margin-bottom:1rem;border:1px solid #e0e0e0;width:100%}:host ::ng-deep .qms-bpmn-container #connection-container .mat-form-field{margin-left:8px}:host ::ng-deep .qms-bpmn-container #connection-container .mat-expansion-panel-header.mat-expanded{background-color:#eceff7;height:40px!important}:host ::ng-deep .qms-bpmn-container #connection-container .connect-link{margin-left:0;width:100%}:host ::ng-deep .qms-bpmn-container #connection-container .reload-anchor{float:right;color:gray;height:auto;margin:0;font-size:12px}:host ::ng-deep .qms-bpmn-container #connection-container .shape-connect__select-label{font-size:16px;font-family:Open Sans;font-weight:600}:host ::ng-deep .qms-bpmn-container #connection-container .shape-connect__label{font-size:14px;font-family:Open Sans;font-weight:600}:host ::ng-deep .qms-bpmn-container #connection-container .shape-connect__item-card{border:1px solid #e0e0e0;padding:10px 0;display:flex;align-items:center;border-radius:4px}:host ::ng-deep .qms-bpmn-container #connection-container .shape-connect__item-card .qms-list-item.mat-2-line.image-item{height:auto}:host ::ng-deep .qms-bpmn-container #connection-container .shape-connect__item-card .qms-list-item-content{padding:0!important;margin:0}:host ::ng-deep .qms-bpmn-container #connection-container .shape-connect__item-card .qms-list-item-content .wrap-image{background:transparent;margin-right:0}:host ::ng-deep .qms-bpmn-container #connection-container .shape-connect__item-card .connection-icon{height:1.5rem}:host ::ng-deep .qms-bpmn-container #connection-container .shape-connect__item-card .shape-connect__content{width:80%}:host ::ng-deep .qms-bpmn-container #connection-container .shape-connect__item-card .item-card__delete-btn{margin-left:auto}:host ::ng-deep .qms-bpmn-container #connection-container .shape-connect__item-card .link-title{word-break:break-word}:host ::ng-deep .qms-bpmn-container .mat-icon{color:#000}:host ::ng-deep .qms-bpmn-container .title{font-size:16px;font-weight:700}:host ::ng-deep .qms-bpmn-container #toolbarpanel{position:relative;top:0;bottom:0;left:0;right:0;margin-bottom:16px;height:50px;width:100%}:host ::ng-deep .qms-bpmn-container #paperpanel{position:relative;top:0;bottom:0;left:0;right:0;height:400px;width:100%}:host ::ng-deep .qms-bpmn-container #stencilpanel{position:relative;top:0;bottom:0;left:0;right:0;height:150px;width:100%}:host ::ng-deep .qms-bpmn-container #toolbar-container{position:relative;top:0;bottom:0;right:0;width:100%;height:100%}:host ::ng-deep .qms-bpmn-container #paper-container{position:relative;top:0;bottom:0;left:0;right:0;width:100%;height:inherit}:host ::ng-deep .qms-bpmn-container #inspector-container{position:relative;top:0;right:0;bottom:0;width:100%;background:#fff;height:inherit}:host ::ng-deep .qms-bpmn-container #stencil-container{position:absolute;top:0;bottom:0;left:0;right:0;width:1174px;height:inherit}:host ::ng-deep .qms-bpmn-container #statusbar-container{position:absolute;left:0;right:0;bottom:0;height:25px}:host ::ng-deep .qms-bpmn-container #panel-stencil-container{position:absolute;left:0;right:0;bottom:0;height:150px;overflow-x:auto;overflow-y:hidden;background-image:url(\"data:image/png;base64,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\");background-repeat:repeat;transition:all .5s ease-in-out 0s}:host ::ng-deep .qms-bpmn-container #panel-stencil-container .mat-expansion-panel-header-title{color:#fff}:host ::ng-deep .qms-bpmn-container #panel-stencil-container .joint-theme-default{background:none}:host ::ng-deep .qms-bpmn-container #panel-stencil-container .mat-expansion-indicator:after{color:#fff;transform:rotate(-135deg)}:host ::ng-deep .qms-bpmn-container #panel-stencil-container .mat-expansion-panel-header{min-width:1224px;max-width:100%}:host ::ng-deep .qms-bpmn-container #panel-stencil-container .joint-stencil>.content{width:1200px}:host ::ng-deep .qms-bpmn-container #toolbar-container{left:0;color:#fff;position:absolute}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .group>.group-label{font-size:15px;text-align:center;border:none;background:#eceff7;height:40px;line-height:40px;color:#303046;box-shadow:0 2px 0 0 rgba(0,0,0,.2);margin-bottom:10px;left:0;padding:5px 0}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .group.closed>.group-label{background:#eceff7;height:40px;line-height:40px}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list-item:nth-child(odd){background:#ecefff;background:-webkit-gradient(left,#ecefff 0,#fafafa 100%);background:linear-gradient(270deg,#91a1c9 0,#fafafa);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#ECEFFF\",endColorstr=\"#3571b0\",GradientType=0)}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list-item:nth-child(2n){background:#ecefff;background:-webkit-gradient(left,#ecefff 0,#fafafa 100%);background:linear-gradient(270deg,#91a1c9 0,#fafafa);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#ECEFFF\",endColorstr=\"#3571b0\",GradientType=0)}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list-item .list-item:nth-child(odd){background:#eceff7;background:-webkit-gradient(left,#eceff7 0,#eceff7 100%);background:linear-gradient(270deg,#eceff7 0,#eceff7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#eceff7\",endColorstr=\"#eceff7\",GradientType=0)}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list-item .list-item:nth-child(2n){background:#eceff7;background:-webkit-gradient(left,#eceff7 0,#eceff7 100%);background:linear-gradient(270deg,#eceff7 0,#eceff7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#eceff7\",endColorstr=\"#eceff7\",GradientType=0)}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list-item{border-radius:10px;box-shadow:0 1px 1px 1px rgba(0,0,0,.2)}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn label{color:#7f8c8d}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .btn-list-add{position:relative;left:110px;background:#5799da;border:2px solid #0a468e}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .btn-list-add,:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .btn-list-del{background:#5799da;height:25px;color:#000}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn textarea{width:350px;max-width:350px}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn input[type=color],:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn input[type=range]{width:171px}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list{line-height:.5}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list .select{margin-top:5px}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list .units,:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list label,:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list output{text-align:end;margin-right:4px;margin-top:16px;color:#000}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list-item input{width:50%;float:right}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list-item .input-wrapper input{width:70%;float:none}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn input{width:55%}:host ::ng-deep .qms-bpmn-container .range-field{height:40px;margin-bottom:15px}:host ::ng-deep .qms-bpmn-container .joint-paper-scroller{overflow:hidden}:host ::ng-deep .qms-bpmn-container .breadcrumb-container .qms-breadcrumb-item{cursor:inherit;line-height:16px;font-size:.75rem;color:black(.6);font-weight:400;line-height:22px;margin:0}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .list-item .field{padding:0}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .field{padding:10px}:host ::ng-deep .qms-bpmn-container .joint-inspector .group{overflow:hidden;padding:0 0 10px}:host ::ng-deep .qms-bpmn-container .joint-widget.joint-theme-default[data-type=undo]:after{content:\"\"}:host ::ng-deep .qms-bpmn-container .joint-widget.joint-theme-default[data-type=redo]:after{content:\"\"}:host ::ng-deep .qms-bpmn-container .joint-toolbar.joint-theme-bpmn button[data-name=deleteTemplate]:before,:host ::ng-deep .qms-bpmn-container .joint-toolbar.joint-theme-bpmn button[data-name=fullscreen]:before,:host ::ng-deep .qms-bpmn-container .joint-toolbar.joint-theme-bpmn button[data-name=resetToTempTemplate]:before,:host ::ng-deep .qms-bpmn-container .joint-toolbar.joint-theme-bpmn button[data-name=saveAsTemplate]:before{width:40px;height:20px;background-color:transparent;position:absolute;top:27px;left:0}:host ::ng-deep .qms-bpmn-container .joint-toolbar.joint-theme-bpmn button[data-name=saveAsTemplate]:before{content:attr(data-before)}:host ::ng-deep .qms-bpmn-container .joint-toolbar.joint-theme-bpmn button[data-name=saveAsTemplate]:after{background-image:url(\"data:image/png;base64,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\");background-size:20px 20px;background-position:11px -3px}:host ::ng-deep .qms-bpmn-container .joint-toolbar.joint-theme-bpmn button[data-name=deleteTemplate]:before{content:attr(data-before)}:host ::ng-deep .qms-bpmn-container .joint-toolbar.joint-theme-bpmn button[data-name=deleteTemplate]:after{background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFboAABW6AWAVsncAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAACP0lEQVQ4T5VSS2gTURS9plYNbSZJm+Anbcyk1rpJEMRFFxKEIkg/ahGkTU3tRtKP4qdZiNYPEUGLH+iiooJbdSfFnbh0VVwILuafNEnTNNpoiwlo0+ObZIq2WIkHDufd+865c2cY+hueE9kkoqhWR7K6s7rIVJCJxsaJagzLhtikOk2R9JGDSmYoVMzejCB75xp0zYSDy+mAT5RtdN7wrsU0kTXe7HhbvDCAwpNHyD2dwMLjh1iYfFDS3LMJFCbvYzncA63JPvWeyGxEiV4RVcnu2nfLQ0Fk797A/PXLmB+7tI4XS/3P7L44HITg4aaMOJHgNI3mD/sxNxpGeji0MUf6kT53BpnIIArtrRAcprMUd1vtomtbci7gQ7K3o8xg5+/zat3TjkR3G2Y6DyFx6ii+nGyDuLtWIMm1NSo7CGI9QdpeBdldA6XFCdXfAG2/G6rPBWWvA3KjGSLzCTbm27EZCvOxzE+S/I0JjT1B6e+G0ncMSrALSi+rdS2RnY1aPX0cauhE2aezt2OFYl0BpL7nMQv8N1OLSyC5dZ8Wv30VsfEoYvduVU7m16JXVkjctWVMqmPfgL2baK+cUll/ULal3iJ6LPGk1wqR5yBVQN0322SF5OE+lf4D1hz5toc11hn/xa+632MJlQboED3cm8Xm8pCNNlntLzGfyFteGtEyZhrIrHm51/rkFFtP/iOoU6/1tXPsXuEtL6YPULURXQuN5wYTPPdR4bkCCxYZV3RVeS6f8HIfNK9lwLAyEP0ClVT9dLc5lCAAAAAASUVORK5CYII=\");background-size:20px 20px;background-position:11px -1px}:host ::ng-deep .qms-bpmn-container .joint-toolbar.joint-theme-bpmn button[data-name=resetToTempTemplate]:before{content:attr(data-before)}:host ::ng-deep .qms-bpmn-container .joint-toolbar.joint-theme-bpmn button[data-name=resetToTempTemplate]:after{background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsQAAALEBxi1JjQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJ3SURBVEiJrdZLaxRmFAbgZ8aJpkPFjahJVELAhQvFKw1atBShatSioCKI4kLBe6t46+0XlFJEUmtdCFoEXWi9gIKIEo330EL/gK1acKdgA2LRxTmpE3Um0XhgmMP3nXnf79yngIlYg/M4p7eMxhLMR0OedaOMu7iAE/hLDfkDC9CFkXnWgIPowKYK8EppwLok+QVjqxHczu+9mInP8ScW5vlgzMYe/IgfsC1ti2kzD9fzob2kVKE/wnYMwUd4ip1Yhav5uY7/MAar8VN6uh+d+BXN2PcmD7aJPNSnuzfwbRJWk3J61pmkg3AaiyqNbqGQwCW0iLxMETlZjsk1SKTHXUkyLB89qufyEoamPjgJz4qQXMB36U1/SK4mRptIPDiFptQn4BCW5kt6pB2L+yCAr7A59ctohMMY/4rhB6L22/G7SFpJ31IW4S1iPTaWcB8z8CRB20SNX8QxbMGzfoDDv7iJVpwRVWZEAv2W7rX0E6yarBQVCbdLeIhlAwStlHuYlPqgYi3Ld5QCnqfeXRTxPi7CNPw9EDThn9RLRTEeToty/eY9EHyCa2JkPCgmWx2O5mX9AMDLmCYac45oVI2im+FL7B4AwdfYmPoVsU8Q3TtPtHknpr4DeGuC1uEz/Fx52YQ7Yjw0i8H1NiSt+ZvR+FAMuzGvGi0Wya5LkmvYpXZOyiIsHQk+RIz8/xdP5Xw5kawnxYieha1iyXQK9/8Wc2Zs3k/HAXyaLz8uqvFMLXeXiQHXszLr8DF2iHX5Pb4QYelp1Llizb62MqtJI46k6xu8eaGPw1ox3PZ7+YehlxT6IGrCCtEfzWKqFsT+fixCcQoPqgG8AFOaft796x2HAAAAAElFTkSuQmCC\");background-size:20px 20px;background-position:11px -1px}:host ::ng-deep .qms-bpmn-container .joint-toolbar.joint-theme-bpmn button[data-name=fullscreen]:after{background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAABLklEQVRIS+2UPUtCYRiGj2v9AEfJpYQ+0KHFxjYnJxe3IHCqH9Hu5C8J+gEtBYq0WLg52NaHoFgEnuP1vNyJgi7ve1qqCy7O+zw83M85x4/onx8hSZJ8HMd3+IYvS77iM15p1B9CjvGBZSvQm2JTY2EQtIs9ZTvSXlDBT2U7UllAzhYhZ/il0BkOUltAwD4uXg3nG7TP5BY/MPwVkXuu8DbuWI9rAbvYckOh2BLCSiod1EX6pyp/EzxalkfbU+mgt41H9DNq+UNQjaAOnqhlvQb28SJ4CSF1QkZcH9G+hlWc0XNwvtSoHwTU8V1hTzhxycD5Hg806gcBiwXfUBvXmNOYP4SsWzDEskbCWLfAoGf/+4ca84eQGtodT3C8pNU9XPnFesENZzapkT9HFM0BetrUm3SgdX8AAAAASUVORK5CYII=\")}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .toggle span i{background:#1a9af3;border-radius:5px;box-shadow:1px 1px 1px 1px rgba(0,0,0,.2)}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .toggle span i:before{text-shadow:none;right:115%;font-style:normal;font-weight:700;color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:14px;position:absolute;top:8px}:host ::ng-deep .qms-bpmn-container .joint-inspector.joint-theme-bpmn .toggle span i:after{text-shadow:none;right:115%;font-style:normal;font-weight:700;color:rgba(0,0,0,.4);font-family:Helvetica,Arial,sans-serif;font-size:14px;position:absolute;top:8px}:host ::ng-deep .qms-bpmn-container .joint-selection.joint-theme-bpmn .selection-wrapper{display:block}:host ::ng-deep .qms-bpmn-container .no-result-connection{height:100%;flex-direction:column;display:flex;transform:none;align-items:center;justify-content:center}:host ::ng-deep .qms-bpmn-container .button-add{width:359px;margin:20px 20px 0}:host ::ng-deep .qms-bpmn-container .button-add .add-icon{color:var(--primary)}:host ::ng-deep .qms-bpmn-container .have-result-connection{height:100%;flex-direction:column;display:flex;transform:none}:host ::ng-deep .qms-bpmn-container .mat-expansion-panel-header:hover:not(:hover .description-edit){background-color:transparent!important}:host ::ng-deep .qms-bpmn-container .mat-expansion-panel-header .mat-content{display:block}:host ::ng-deep .qms-bpmn-container .mat-expansion-panel-header .mat-content .description-header{display:flex;align-items:center;justify-content:space-between}:host ::ng-deep .qms-bpmn-container .mat-expansion-panel-header .default-subtitle{font-family:Open Sans;font-size:16px;font-weight:600;line-height:28px;color:#0163b2}:host ::ng-deep .qms-bpmn-container .connection-content-body{display:flex;justify-content:space-between;align-items:center}:host ::ng-deep .qms-bpmn-container .connection-content-body .mat-menu-item{width:auto}:host ::ng-deep .qms-bpmn-container .edit-icon{width:40px;height:40px;line-height:40px}:host ::ng-deep .qms-bpmn-container .custom-mat-form-field{width:48px;height:48px;margin-bottom:10px}:host ::ng-deep .qms-bpmn-container .custom-mat-form-field .mat-form-field-flex{padding-left:12px}:host ::ng-deep .qms-bpmn-container .custom-mat-form-field .mat-select-arrow{display:none}:host ::ng-deep .qms-bpmn-container .custom-mat-form-field .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .qms-bpmn-container .custom-mat-form-field .mat-form-field-wrapper .mat-form-field-flex{border-bottom:none;background-color:transparent}:host ::ng-deep .qms-bpmn-container .custom-mat-form-field .mat-form-field-wrapper .mat-form-field-flex:hover{background-color:transparent}:host ::ng-deep .qms-bpmn-container .target-wrapper{padding-left:10px;padding-bottom:8px}:host ::ng-deep .qms-bpmn-container .qms-list-item-content{margin-left:0;height:auto;margin-right:0}:host ::ng-deep .qms-bpmn-container .wrap-image.image-square{background-color:transparent;margin-right:0;margin-top:auto;margin-bottom:auto}:host ::ng-deep .qms-bpmn-container .qms-list-text{justify-content:center;border-bottom:none}:host ::ng-deep .qms-bpmn-container .mat-expansion-panel-body{padding-left:0;padding-right:0}:host ::ng-deep .qms-bpmn-container .qms-btn-icon{height:auto}:host ::ng-deep .qms-bpmn-container .connection-item-container .related-item-wrapper,:host ::ng-deep .qms-bpmn-container .content-item-container .related-item-wrapper{display:flex;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:8px;align-items:center}:host ::ng-deep .qms-bpmn-container .connection-item-container .related-item-wrapper .trailing-box,:host ::ng-deep .qms-bpmn-container .content-item-container .related-item-wrapper .trailing-box{border-bottom:none!important;margin:unset;padding:unset;align-items:center}:host ::ng-deep .qms-bpmn-container .connection-item-container .related-item-wrapper .custom-anchor,:host ::ng-deep .qms-bpmn-container .content-item-container .related-item-wrapper .custom-anchor{display:flex;padding:unset}:host ::ng-deep .qms-bpmn-container .connection-item-container .related-item-wrapper .custom-anchor .custom-delete-btn,:host ::ng-deep .qms-bpmn-container .content-item-container .related-item-wrapper .custom-anchor .custom-delete-btn{margin-left:0}:host ::ng-deep .qms-bpmn-container .connection-item-container .qms-list-item.image-item .qms-list-text,:host ::ng-deep .qms-bpmn-container .content-item-container .qms-list-item.image-item .qms-list-text{border-bottom:none!important}:host ::ng-deep .qms-bpmn-container .connection-item-container .mat-expansion-panel.qms-expansion,:host ::ng-deep .qms-bpmn-container .content-item-container .mat-expansion-panel.qms-expansion{margin-left:0!important;margin-right:0!important}:host ::ng-deep .qms-bpmn-container .connection-item-container .qms-list-item,:host ::ng-deep .qms-bpmn-container .content-item-container .qms-list-item{height:unset;margin-left:0}:host ::ng-deep .qms-bpmn-container .connection-item-container .mat-expansion-panel-body{padding-left:0!important;padding-right:0!important}:host ::ng-deep .qms-bpmn-container .active-anchor{color:var(--primary)}::ng-deep .stencil-paper-drag{z-index:10000}::ng-deep .group-action-member{width:359px;max-width:359px!important;margin-left:20px!important}::ng-deep .mat-expansion-panel-header .mat-expansion-indicator:after{color:#0163b2}::ng-deep .custom-mat-form-field .mat-form-field:hover{background:none}::ng-deep .mat-menu-panel{width:auto}::ng-deep .mat-select-search-inside-mat-option .mat-select-search-input{border-bottom:1px solid rgba(0,0,0,.38);margin:.25rem;background-color:rgba(0,0,0,.04);border-radius:4px}.activity-attachment__attachment-list .custom-attachment-margin{margin:16px 0}.activity-attachment__attachment-list .qms-scrollable-attachment-list .qms-list-item.mat-2-line.image-item{height:64px}.activity-attachment__attachment-list .qms-scrollable-attachment-list .qms-list-item.mat-2-line.image-item .qms-line,.activity-attachment__attachment-list .qms-scrollable-attachment-list .qms-list-item.mat-2-line.image-item .subtitle{-webkit-line-clamp:1}.activity-attachment__attachment-list .qms-scrollable-attachment-list .qms-list-item.mat-2-line.image-item .subtitle:last-child{padding:2px}.activity-attachment__attachment-list .qms-scrollable-attachment-list .qms-list-item.mat-2-line.image-item .subtitle{font-weight:600;font-size:16px;word-break:break-word}.activity-attachment__attachment-list .qms-scrollable-attachment-list .qms-list-item.mat-2-line.image-item .subtitle .qms-btn-text:focus-visible:after,.activity-attachment__attachment-list .qms-scrollable-attachment-list .qms-list-item.mat-2-line.image-item .subtitle .qms-btn-text:focus:after{animation:none}.activity-attachment__attachment-list .qms-scrollable-attachment-list .qms-list-item.mat-2-line.image-item .qms-btn{padding:0 8px;color:#fff}.activity-attachment__attachment-list .qms-scrollable-attachment-list .qms-list-item.mat-2-line.image-item .qms-btn-icon{height:1.5rem;width:1.5rem;line-height:1.5rem}.activity-attachment__attachment-list .mat-dialog-actions{padding:8px 0 0}.activity-attachment__attachment-list .qms-list-text{height:56px;border-bottom:1px solid var(--other-divider)!important}.activity-attachment__attachment-list ::ng-deep .qms-list-header{height:56px;border-bottom:1px solid var(--other-divider)!important}.activity-attachment__attachment-list .attachment-ion{width:56px;height:56px;background-color:#fff}.qms-badges-container{margin-right:15px;display:flex}.qms-badges-container ::ng-deep .qms-badges-circle-large{border:1px double}.qms-badges-container ::ng-deep .text-color-white{color:grey!important;font-weight:600}"]
                 },] }
     ];
     QMSBPMNComponent.ctorParameters = function () { return [
@@ -41112,6 +41129,7 @@
     exports.COMPLIANCE_ICON = COMPLIANCE_ICON;
     exports.CdkDetailRowDirective = CdkDetailRowDirective;
     exports.ChangeDocumentAnchorForShapeEventModel = ChangeDocumentAnchorForShapeEventModel;
+    exports.ComplianceRequirement = ComplianceRequirement;
     exports.ConfirmDialog = ConfirmDialog;
     exports.ConnectType = ConnectType;
     exports.ConnectionDescription = ConnectionDescription;