nuxeo-development-framework 3.5.6 → 3.5.8

package/fesm2015/nuxeo-development-framework.js

@@ -3888,7 +3888,7 @@ class CorrespondenceRelationService {
     search(val, query = '', type) {
         let params = Object.assign({ pageProvider: type == 'relationFile' ? 'PP_Correspondence_RelationSeach' : 'PP_Correspondences_Elastic', currentPageIndex: 0, offset: 0, pageSize: 20, system_fulltext: val + '*' }, query);
         if (this.nuxeoService.nuxeoClient.user.properties.tenantId) {
-            params['queryParams'] = `/${this.nuxeoService.nuxeoClient.user.properties.tenantId}/`;
+            params['queryParams'] = `${this.nuxeoService.nuxeoClient.user.properties.tenantId}`;
         }
         return this.callApi
             .query(params, {
@@ -6112,10 +6112,10 @@ class DepartmentApiService {
         let obj = customParams ? customParams : {};
         let params = Object.assign({ pageProvider: customPageProvider ? customPageProvider : 'PP_Department', currentPageIndex: 0, offset: 0, pageSize: 40, quickFilters: 'Parent Dept' }, obj);
         if (this.globalAdminService.isGlobalAdmin) {
-            params['queryParams'] = '/' + this.globalAdminService.activeTenant + '/';
+            params['queryParams'] = this.globalAdminService.activeTenant;
         }
         else if (!this.globalAdminService.isGlobalAdmin && this.nuxeoService.nuxeoClient.user.properties.tenantId) {
-            params['queryParams'] = '/' + this.nuxeoService.nuxeoClient.user.properties.tenantId + '/';
+            params['queryParams'] = this.nuxeoService.nuxeoClient.user.properties.tenantId;
         }
         return this.CallApiService.query(Object.assign({}, params), {
             headers: {
@@ -6134,10 +6134,10 @@ class DepartmentApiService {
             dublincore_title: code,
         };
         if (this.globalAdminService.isGlobalAdmin) {
-            params['queryParams'] = '/' + this.globalAdminService.activeTenant + '/';
+            params['queryParams'] = this.globalAdminService.activeTenant;
         }
         else if (!this.globalAdminService.isGlobalAdmin && this.nuxeoService.nuxeoClient.user.properties.tenantId) {
-            params['queryParams'] = '/' + this.nuxeoService.nuxeoClient.user.properties.tenantId + '/';
+            params['queryParams'] = this.nuxeoService.nuxeoClient.user.properties.tenantId;
         }
         return this.CallApiService.query(Object.assign({}, params), {
             headers: {
@@ -6151,10 +6151,10 @@ class DepartmentApiService {
         let params = {};
         customParentCodeProperty ? (params[customParentCodeProperty] = code) : (params = { 'department_parentDepartmentCode': code });
         if (this.globalAdminService.isGlobalAdmin) {
-            params['queryParams'] = '/' + this.globalAdminService.activeTenant + '/';
+            params['queryParams'] = this.globalAdminService.activeTenant;
         }
         else if (!this.globalAdminService.isGlobalAdmin && this.nuxeoService.nuxeoClient.user.properties.tenantId) {
-            params['queryParams'] = '/' + this.nuxeoService.nuxeoClient.user.properties.tenantId + '/';
+            params['queryParams'] = this.nuxeoService.nuxeoClient.user.properties.tenantId;
         }
         return this.CallApiService.query(Object.assign({ pageProvider: customPageProvider ? customPageProvider : 'PP_Department', currentPageIndex: 0, offset: 0, pageSize: 40 }, params), {
             headers: {
@@ -6644,7 +6644,7 @@ class DynamicFormTextItemComponent {
             let params = Object.assign({ currentPageIndex: 0, offset: 0, pageSize: 40, pageProvider: this.autoComplete_pageProvider }, this.outsideParams);
             // if i was sending tenant id from outside then i am in case of multi tenant then add tenant id to params
             if (this.tenantId) {
-                params['queryParams'] = `/${this.tenantId}/`;
+                params['queryParams'] = `${this.tenantId}`;
             }
             // params[this.autoComplete_propertyName] = (val) ? `%${val}%` : '';
             if (this.autoCompleteType == "caseSensitive" && val) {
@@ -9826,6 +9826,7 @@ class DynamicFormViewerComponent {
         this.translation = translation;
         this.form = {};
         this.data = null;
+        this.classType = null;
         this.list = [];
         this.isArabic = false;
     }
@@ -9847,7 +9848,7 @@ class DynamicFormViewerComponent {
     }
 }
 DynamicFormViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: DynamicFormViewerComponent, deps: [{ token: i1$1.TranslateService }, { token: TranslationService$1 }], target: i0.ɵɵFactoryTarget.Component });
-DynamicFormViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: DynamicFormViewerComponent, selector: "cts-dynamic-form-viewer", inputs: { form: "form", data: "data" }, ngImport: i0, template: "<div class=\"dynamic-fields-values\">\r\n  <div class=\"fields-title\">\r\n    {{ \"CREATE.CORRESP_FORM_VIEWER\" | translate }}\r\n  </div>\r\n  <div class=\"values-wrapper\">\r\n    <div class=\"single-field-value\" *ngFor=\"let item of list\">\r\n      <div class=\"title\" *ngIf=\"!isArabic\">{{ item.labelEn }}</div>\r\n      <div class=\"title\" *ngIf=\"isArabic\">{{ item.labelAr }}</div>\r\n      <ng-container [ngSwitch]=\"item?.type\">\r\n        <ng-container *ngSwitchCase=\"'vocabulary'\">\r\n            <div class=\"value\">{{ 'vocabulary.' + item.customOptions.vocId + '.' + item.value | translate}}</div>    \r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'toggle'\">\r\n            <div class=\"value\">{{ '' + item.value | translate}}</div>    \r\n        </ng-container>\r\n        <ng-container *ngSwitchDefault>\r\n            <div class=\"value\">{{ item.value}}</div>    \r\n        </ng-container>\r\n      </ng-container>\r\n      \r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".dynamic-fields-values .fields-title{font-size:14px;font-weight:bold}.dynamic-fields-values .values-wrapper{border:1px solid #d9dce2;padding:5px 10px}.dynamic-fields-values .values-wrapper .single-field-value{padding:10px 0;display:flex;border-bottom:1px solid #e2e6ec}.dynamic-fields-values .values-wrapper .single-field-value .title{font-size:12px;font-weight:500;width:140px;word-break:break-word}.dynamic-fields-values .values-wrapper .single-field-value .value{font-size:12px;width:calc(100% - 140px);word-break:break-word}.dynamic-fields-values .values-wrapper .single-field-value:last-child{border-bottom:none}\n"], directives: [{ type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "translate": i1$1.TranslatePipe } });
+DynamicFormViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: DynamicFormViewerComponent, selector: "cts-dynamic-form-viewer", inputs: { form: "form", data: "data", classType: "classType" }, ngImport: i0, template: "<div class=\"dynamic-fields-values\">\r\n  <div class=\"fields-title\">\r\n    {{ \"CREATE.CORRESP_FORM_VIEWER\" | translate }}\r\n  </div>\r\n  <div class=\"values-wrapper\">\r\n    <div class=\"mx-1 mb-2 class-type-title\" *ngIf=\"classType\">{{\"vocabulary.VOC_CorrespondenceClass.\" + classType |\r\n      translate}}</div>\r\n    <div class=\"single-field-value\" *ngFor=\"let item of list\">\r\n      <div class=\"title\" *ngIf=\"!isArabic\">{{ item.labelEn }}</div>\r\n      <div class=\"title\" *ngIf=\"isArabic\">{{ item.labelAr }}</div>\r\n      <ng-container [ngSwitch]=\"item?.type\">\r\n        <ng-container *ngSwitchCase=\"'vocabulary'\">\r\n            <div class=\"value\">{{ 'vocabulary.' + item.customOptions.vocId + '.' + item.value | translate}}</div>    \r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'toggle'\">\r\n            <div class=\"value\">{{ '' + item.value | translate}}</div>    \r\n        </ng-container>\r\n        <ng-container *ngSwitchDefault>\r\n            <div class=\"value\">{{ item.value}}</div>    \r\n        </ng-container>\r\n      </ng-container>\r\n      \r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".dynamic-fields-values .fields-title{font-size:14px;font-weight:bold}.dynamic-fields-values .values-wrapper{border:1px solid #d9dce2;padding:5px 10px}.dynamic-fields-values .values-wrapper .class-type-title{font-size:14px}.dynamic-fields-values .values-wrapper .single-field-value{padding:10px 0;display:flex;border-bottom:1px solid #e2e6ec}.dynamic-fields-values .values-wrapper .single-field-value .title{font-size:12px;font-weight:500;width:140px;word-break:break-word}.dynamic-fields-values .values-wrapper .single-field-value .value{font-size:12px;width:calc(100% - 140px);word-break:break-word}.dynamic-fields-values .values-wrapper .single-field-value:last-child{border-bottom:none}\n"], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "translate": i1$1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: DynamicFormViewerComponent, decorators: [{
             type: Component,
             args: [{
@@ -9859,6 +9860,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImpor
                 type: Input
             }], data: [{
                 type: Input
+            }], classType: [{
+                type: Input
             }] } });
 
 class UserSelectorWrapperComponent {
@@ -15770,7 +15773,7 @@ class DynamicChartComponent {
             };
             // if there tenant id sent from outside then add it to the params
             if (this.tenantId) {
-                params['queryParams'] = `/${this.tenantId}/`;
+                params['queryParams'] = `${this.tenantId}`;
             }
             return this.callApi
                 .query(params, {
@@ -15807,7 +15810,7 @@ class DynamicChartComponent {
         };
         // if there tenant id sent from outside then add it to the params
         if (this.tenantId) {
-            outgoingParams['queryParams'] = `/${this.tenantId}/`;
+            outgoingParams['queryParams'] = `${this.tenantId}`;
         }
         const getOutgoing$ = this.callApi
             .query(outgoingParams, {
@@ -15843,7 +15846,7 @@ class DynamicChartComponent {
         };
         // if there tenant id sent from outside then add it to the params
         if (this.tenantId) {
-            incomingParams['queryParams'] = `/${this.tenantId}/`;
+            incomingParams['queryParams'] = `${this.tenantId}`;
         }
         const getIncoming$ = this.callApi
             .query(incomingParams, {
@@ -15879,7 +15882,7 @@ class DynamicChartComponent {
         };
         // if there tenant id sent from outside then add it to the params
         if (this.tenantId) {
-            internalParams['queryParams'] = `/${this.tenantId}/`;
+            internalParams['queryParams'] = `${this.tenantId}`;
         }
         const getInternal$ = this.callApi
             .query(internalParams, {
@@ -15953,7 +15956,7 @@ class DynamicChartComponent {
         }
         // if there tenant id sent from outside then add it to the params
         if (this.tenantId) {
-            queryParams['queryParams'] = `/${this.tenantId}/`;
+            queryParams['queryParams'] = `${this.tenantId}`;
         }
         this.router.navigate(['report', 'chart-details'], {
             queryParams: queryParams,
@@ -18623,9 +18626,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImpor
             }] } });
 
 class CorrespondenceRelationCreateFormComponent {
-    constructor(_formBuilder, corressvc, dialogRef, data) {
+    constructor(_formBuilder, corressvc, toastr, dialogRef, data) {
         this._formBuilder = _formBuilder;
         this.corressvc = corressvc;
+        this.toastr = toastr;
         this.dialogRef = dialogRef;
         this.data = data;
         this.visible = true;
@@ -18642,10 +18646,23 @@ class CorrespondenceRelationCreateFormComponent {
     }
     /**dialog actions */
     onSaveClick() {
-        this.dialogRef.close({
-            docs: this.related_corr.map((corre) => corre.id),
-            relationname: this.createform.value.relationname,
+        this.corressvc
+            .create_Named_Relation(this.data.corr_id, this.createform.value.relationname, this.related_corr.map((corre) => corre.id))
+            .subscribe((data) => {
+            if (data) {
+                this.corressvc.getUpdatedRelation.next();
+                this.toastr.show('success', 'success', 'Realation Successfuly added');
+                this.dialogRef.close(true);
+            }
+        }, (err) => {
+            this.toastr.show('error', 'error', err.ret.message ?
+                `errors.${err.ret.code}`
+                : 'genericError');
         });
+        // this.dialogRef.close({
+        //   docs: this.related_corr.map((corre) => corre.id),
+        //   relationname: this.createform.value.relationname,
+        // });
     }
     onCloseoClick() {
         this.dialogRef.close();
@@ -18722,7 +18739,7 @@ class CorrespondenceRelationCreateFormComponent {
         this.exist = false;
     }
 }
-CorrespondenceRelationCreateFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CorrespondenceRelationCreateFormComponent, deps: [{ token: i6.FormBuilder }, { token: CorrespondenceRelationService }, { token: i1$5.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+CorrespondenceRelationCreateFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CorrespondenceRelationCreateFormComponent, deps: [{ token: i6.FormBuilder }, { token: CorrespondenceRelationService }, { token: CustomToastrService }, { token: i1$5.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
 CorrespondenceRelationCreateFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: CorrespondenceRelationCreateFormComponent, selector: "cts-correspondence-relation-create-form", viewQueries: [{ propertyName: "auto", first: true, predicate: ["auto"], descendants: true }], ngImport: i0, template: "<div class=\"correspondence-relation-container\" SetDirRtl style=\"height: 80%; width: 100%\">\r\n  <div class=\"correspondence-relation-title\">\r\n    {{ \"correspondence-relation.add\" | translate }}\r\n  </div>\r\n  <!-- <mat-divider></mat-divider> -->\r\n  <div mat-dialog-content [formGroup]=\"createform\">\r\n    <div class=\"vocabulary-list\">\r\n      <app-dynamic-form-vocabulary-item\r\n        [label]=\"'correspondence-relation.relation-type'\"\r\n        [bindLabel]=\"'label'\"\r\n        [bindValue]=\"'id'\"\r\n        placeholder=\"{{ 'VOCABULARY.SELECT_ITEM' | translate }}\"\r\n        [multiple]=\"false\"\r\n        [searchable]=\"false\"\r\n        [closeOnSelect]=\"true\"\r\n        [hideSelectedItems]=\"false\"\r\n        [vocabularyType]=\"'VOC_CorrespondenceRelationsNames'\"\r\n        formControlName=\"relationname\"\r\n        (onSelecting)=\"reset()\"\r\n      >\r\n      </app-dynamic-form-vocabulary-item>\r\n    </div>\r\n\r\n    <div class=\"search-container\" *ngIf=\"createform.value.relationname\">\r\n      <ng-autocomplete\r\n        #auto\r\n        [data]=\"documentList\"\r\n        [searchKeyword]=\"'filter'\"\r\n        (selected)=\"selectItem($event)\"\r\n        (inputChanged)=\"onSearchInputChange($event)\"\r\n        [customFilter]=\"disableFilter\"\r\n        (closed)=\"keep_Autocomplete_Results_Open()\"\r\n        [itemTemplate]=\"itemTemplate\"\r\n        [notFoundTemplate]=\"notFoundTemplate\"\r\n        [placeholder]=\"'correspondence-relation.searchby' | translate\"\r\n        [debounceTime]=\"1000\"\r\n        [isLoading]=\"isLoading\"\r\n        (inputCleared)=\"inputCleared()\"\r\n      >\r\n      </ng-autocomplete>\r\n\r\n      <ng-template #itemTemplate let-item>\r\n        <div class=\"item\">\r\n          <span>{{ item.title }}</span>\r\n        </div>\r\n      </ng-template>\r\n\r\n      <ng-template #notFoundTemplate>\r\n        <div>{{ \"correspondence-relation.notfound\" | translate }}</div>\r\n      </ng-template>\r\n\r\n      <div class=\"chip-list\" *ngIf=\"related_corr.length > 0\">\r\n        <mat-chip-list #chipList aria-label=\"corr selection\">\r\n          <mat-chip\r\n            *ngFor=\"let corr of related_corr\"\r\n            [selectable]=\"selectable\"\r\n            [removable]=\"removable\"\r\n            (removed)=\"on_remove_relation_Chip(corr)\"\r\n          >\r\n            {{ corr.title }}\r\n            <mat-icon matChipRemove *ngIf=\"removable\">cancel</mat-icon>\r\n          </mat-chip>\r\n        </mat-chip-list>\r\n      </div>\r\n      <div class=\"exist-relation\">\r\n        <span *ngIf=\"exist\">\r\n          {{ \"correspondence-relation.exist\" | translate }}</span\r\n        >\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"button-group d-flex flex-row-reverse\">\r\n    <cts-button\r\n      [theme]=\"'danger'\"\r\n      size=\"'regular'\"\r\n      class=\"voc-form-close\"\r\n      mat-dialog-close\r\n    >\r\n      {{ \"BUTTONS.CLOSE\" | translate }}\r\n    </cts-button>\r\n    <cts-button\r\n      (onClick)=\"onSaveClick()\"\r\n      [theme]=\"'primary'\"\r\n      size=\"'regular'\"\r\n      [disabled]=\"\r\n        !this.createform.controls.relationname.valid || related_corr.length == 0\r\n      \"\r\n    >\r\n      {{ \"correspondence-relation.save\" | translate }}\r\n    </cts-button>\r\n  </div>\r\n</div>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.correspondence-relation-container{padding:20px}.correspondence-relation-container .correspondence-relation-title{margin-bottom:8px;font-size:20px;color:#465573}.correspondence-relation-container .mat-dialog-content{height:100%;width:100%}.correspondence-relation-container .button-group{margin-top:12px;grid-column-gap:6px!important;column-gap:6px!important}.correspondence-relation-container .button-group cts-button{width:16%}@media (max-width: 992px){.correspondence-relation-container .button-group cts-button{width:20%}}@media only screen and (max-width: 768px){.correspondence-relation-container .button-group cts-button{width:28%}}.correspondence-relation-container .item{margin:1px;padding:8px 10px;font-size:.75rem}.correspondence-relation-container .dialog-actions button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:70px;border-radius:3px}.correspondence-relation-container .dialog-actions button:disabled{opacity:.4;cursor:not-allowed}.correspondence-relation-container .dialog-actions button:hover{opacity:.7}.correspondence-relation-container .autocomplete-container .suggestions-container ul{max-height:150px!important}.correspondence-relation-container .autocomplete-container .suggestions-container{height:150px!important;margin-top:10px;max-height:150px!important;border:1px lightgray solid!important;box-shadow:none!important}.correspondence-relation-container .search-container{position:relative}.correspondence-relation-container .chip-list{max-height:150px;border:1px lightgray solid;overflow:scroll;padding:10px;margin-bottom:10px;top:215px;position:absolute;width:100%}.correspondence-relation-container .chip-list .mat-standard-chip{border-radius:5px!important}.correspondence-relation-container .chip-list .mat-chip.mat-standard-chip{background-color:#8f98aa1a!important;height:auto}.correspondence-relation-container .autocomplete-container{box-shadow:none!important}.correspondence-relation-container .autocomplete-container .input-container input{background-color:#8f98aa1a!important;padding:10px!important}.correspondence-relation-container .exist-relation{background-color:#f8d7da!important;color:#842029!important;border-color:#f5c2c7!important;position:absolute;width:100%;top:300px}.correspondence-relation-container .autocomplete-container .suggestions-container .complete-selected,.correspondence-relation-container .autocomplete-container .suggestions-container ul li:hover{background-color:#8f98aa1a!important}.correspondence-relation-container .vocabulary-list{margin-bottom:10px}.correspondence-relation-container .vocabulary-list .mat-error{display:none!important}.correspondence-relation-container .mat-dialog-content{margin:3px 0 0!important;padding:0!important}[dir=rtl] .input-container input{direction:rtl}[dir=rtl] .x{left:10px;right:auto!important}\n"], components: [{ type: DynamicFormVocabularyItemComponent, selector: "app-dynamic-form-vocabulary-item", inputs: ["bindValue", "bindLabel", "placeholder", "multiple", "searchable", "closeOnSelect", "hideSelectedItems", "disabled", "vocabularyType", "label", "cacheable", "shwoAllValues"], outputs: ["onSelecting"] }, { type: i3$2.AutocompleteComponent, selector: "ng-autocomplete", inputs: ["data", "placeholder", "heading", "historyHeading", "historyListMaxNumber", "notFoundText", "minQueryLength", "focusFirst", "disabled", "searchKeyword", "initialValue", "historyIdentifier", "isLoading", "debounceTime", "customFilter", "itemTemplate", "notFoundTemplate"], outputs: ["selected", "inputChanged", "inputFocused", "inputCleared", "opened", "closed", "scrolledToEnd"] }, { type: i7$3.MatChipList, selector: "mat-chip-list", inputs: ["aria-orientation", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "selectable", "tabIndex", "errorStateMatcher"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: i2$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: ButtonComponent, selector: "cts-button", inputs: ["disabled", "loading", "size", "theme", "spinnerTheming"], outputs: ["onClick"] }], directives: [{ type: SetDirRtlDirective, selector: "[SetDirRtl]" }, { type: i1$5.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7$3.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i7$3.MatChipRemove, selector: "[matChipRemove]" }, { type: i1$5.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], pipes: { "translate": i1$1.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CorrespondenceRelationCreateFormComponent, decorators: [{
             type: Component,
@@ -18732,7 +18749,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImpor
                     styleUrls: ['./correspondence-relation-create-form.component.scss'],
                     encapsulation: ViewEncapsulation.None,
                 }]
-        }], ctorParameters: function () { return [{ type: i6.FormBuilder }, { type: CorrespondenceRelationService }, { type: i1$5.MatDialogRef }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i6.FormBuilder }, { type: CorrespondenceRelationService }, { type: CustomToastrService }, { type: i1$5.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }]; }, propDecorators: { auto: [{
@@ -18825,6 +18842,7 @@ class CorrespondenceRelationComponent {
             data = {
                 exist_relations_list: this.relations_list.value,
                 correspondance: this.correspondance,
+                corr_id: this.corr_id,
             };
         else
             data = { exist_relations_list: [] };
@@ -18838,17 +18856,26 @@ class CorrespondenceRelationComponent {
         const dialogRef = this.dialog.open(CorrespondenceRelationCreateFormComponent, dialogConfig);
         dialogRef.afterClosed().subscribe((result) => {
             if (result) {
-                this.corrrelationsvc
-                    .create_Named_Relation(this.corr_id, result.relationname, result.docs)
-                    .subscribe((data) => {
-                    this.reload = true;
-                    this.corrrelationsvc.getUpdatedRelation.next();
-                    this.toastr.show('success', 'success', 'Realation Successfuly added');
-                }, (err) => {
-                    this.toastr.show('error', 'error', err.ret.message ?
-                        `errors.${err.ret.code}`
-                        : 'genericError');
-                });
+                this.reload = true;
+                // this.corrrelationsvc
+                //   .create_Named_Relation(this.corr_id, result.relationname, result.docs)
+                //   .subscribe(
+                //     (data) => {
+                //       this.reload = true;
+                //       this.corrrelationsvc.getUpdatedRelation.next();
+                //       this.toastr.show(
+                //         'success',
+                //         'success',
+                //         'Realation Successfuly added'
+                //       );
+                //     },
+                //     (err) => {
+                //       this.toastr.show('error', 'error',
+                //         err.ret.message ?
+                //           `errors.${err.ret.code}`
+                //           : 'genericError');
+                //     }
+                //   );
             }
         });
     }