nuxeo-development-framework 4.0.9 → 4.1.1

package/bundles/nuxeo-development-framework.umd.js

@@ -2441,7 +2441,7 @@
       return NdfNuxeoDialog;
   }(BaseComponent));
   NdfNuxeoDialog.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfNuxeoDialog, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  NdfNuxeoDialog.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NdfNuxeoDialog, selector: "ndf-nuxeo-dialog", inputs: { dialogTitle: "dialogTitle", subTitle: "subTitle", loaderMode: "loaderMode" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true }, { propertyName: "actionsTemplate", first: true, predicate: ["actionsTemplate"], descendants: true }], viewQueries: [{ propertyName: "dialogBody", first: true, predicate: ["dialogBody"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<div SetDirRtl class=\"ndf-dialog-wrapper flex flex-col\">\r\n\t<div\r\n\t\tclass=\"dialog-header flex h-20 p-6 justify-between items-center w-full bg-vapor text-blue-munsell text-xl not-italic font-bold leading-7\"\r\n\t>\r\n\t\t<div class=\"flex flex-col\">\r\n\t\t\t<span>{{ data?.dialogConfig?.title || dialogTitle }}</span>\r\n\t\t\t<span class=\"text-base font-normal\"\r\n\t\t\t\t>{{ data?.dialogConfig?.subTitle || subTitle }}</span\r\n\t\t\t>\r\n\t\t</div>\r\n\t\t<button\r\n\t\t\tclass=\"flex items-center justify-center rounded-full bg-anti-flash-white w-10 h-10\"\r\n\t\t\t(click)=\"executeAction()\"\r\n\t\t\tmatTooltip=\"{{'BUTTONS.CLOSE' | translate}}\"\r\n\t\t>\r\n\t\t\t<mat-icon class=\"icon-size-3.5\" [svgIcon]=\"'icons:cancel-icon'\">\r\n\t\t\t</mat-icon>\r\n\t\t</button>\r\n\t</div>\r\n\t<div\r\n\t\t#dialogBody\r\n\t\tclass=\"dialog-body flex flex-col gap-y-4 p-6 overflow-y-auto relative z-99\"\r\n\t\t[ngClass]=\"{'overflow-hidden': loading}\"\r\n\t>\r\n\t\t<ng-container\r\n\t\t\t*ngTemplateOutlet=\"data?.dialogConfig?.contentTemplate || contentTemplate\"\r\n\t\t></ng-container>\r\n\t\t<ng-container *ngIf=\"loading\">\r\n\t\t\t<div\r\n\t\t\t\tclass=\"overlay flex w-full h-full items-center justify-center absolute left-0 bottom-0 right-0 bg-gray-300 opacity-40 z-999\"\r\n\t\t\t\t[ngStyle]=\"{'top': dialogBodyTopOffset + 'px'}\"\r\n\t\t\t></div>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"overlay flex w-full h-full items-center justify-center absolute left-0 bottom-0 right-0 z-9999\"\r\n\t\t\t\t*ngIf=\"loaderMode === 'spinner'\"\r\n\t\t\t\t[ngStyle]=\"{'top': dialogBodyTopOffset + 'px'}\"\r\n\t\t\t>\r\n\t\t\t\t<mat-spinner\r\n\t\t\t\t\t[value]=\"90\"\r\n\t\t\t\t\t[strokeWidth]=\"4\"\r\n\t\t\t\t\toverlay=\"true\"\r\n\t\t\t\t\t[diameter]=\"40\"\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t>\r\n\t\t\t\t</mat-spinner>\r\n\t\t\t</div>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"block w-full h-px absolute inset-0 z-9999\"\r\n\t\t\t\t*ngIf=\"loaderMode === 'progressBar'\"\r\n\t\t\t>\r\n\t\t\t\t<mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\r\n\t\t\t</div>\r\n\t\t</ng-container>\r\n\t</div>\r\n\t<div class=\"flex w-full justify-end p-6 pt-0 gap-x-4\">\r\n\t\t<button class=\"cancelation-button\" (click)=\"executeAction()\">\r\n\t\t\t{{\"BUTTONS.CANCEL\" | translate}}\r\n\t\t</button>\r\n\t\t<ng-container\r\n\t\t\t*ngTemplateOutlet=\"(data?.dialogConfig?.actionsTemplate || actionsTemplate); context: { dialog: this }\"\r\n\t\t></ng-container>\r\n\t</div>\r\n</div>\r\n", styles: ["::ng-deep .ndf-dialog .mat-dialog-container{overflow:hidden!important;border-radius:8px!important}.ndf-dialog-wrapper .dialog-body{height:auto;max-height:calc(100vh - 208px)}\n"], components: [{ type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: SetDirRtlDirective, selector: "[SetDirRtl]" }, { type: i2__namespace$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { type: i4__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
+  NdfNuxeoDialog.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NdfNuxeoDialog, selector: "ndf-nuxeo-dialog", inputs: { dialogTitle: "dialogTitle", subTitle: "subTitle", loaderMode: "loaderMode" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true }, { propertyName: "actionsTemplate", first: true, predicate: ["actionsTemplate"], descendants: true }], viewQueries: [{ propertyName: "dialogBody", first: true, predicate: ["dialogBody"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<div SetDirRtl class=\"ndf-dialog-wrapper flex flex-col h-full\">\r\n\t<div\r\n\t\tclass=\"dialog-header flex h-20 p-6 justify-between items-center w-full bg-vapor text-blue-munsell text-xl not-italic font-bold leading-7\"\r\n\t>\r\n\t\t<div class=\"flex flex-col\">\r\n\t\t\t<span>{{ data?.dialogConfig?.title || dialogTitle }}</span>\r\n\t\t\t<span class=\"text-base font-normal\"\r\n\t\t\t\t>{{ data?.dialogConfig?.subTitle || subTitle }}</span\r\n\t\t\t>\r\n\t\t</div>\r\n\t\t<button\r\n\t\t\tclass=\"flex items-center justify-center rounded-full bg-anti-flash-white w-10 h-10\"\r\n\t\t\t(click)=\"executeAction()\"\r\n\t\t\tmatTooltip=\"{{'BUTTONS.CLOSE' | translate}}\"\r\n\t\t>\r\n\t\t\t<mat-icon class=\"icon-size-3.5\" [svgIcon]=\"'icons:cancel-icon'\">\r\n\t\t\t</mat-icon>\r\n\t\t</button>\r\n\t</div>\r\n\t<div\r\n\t\t#dialogBody\r\n\t\tclass=\"dialog-body flex flex-col gap-y-4 p-6 overflow-y-auto relative z-99\"\r\n\t\t[ngClass]=\"{'overflow-hidden': loading}\"\r\n\t>\r\n\t\t<ng-container\r\n\t\t\t*ngTemplateOutlet=\"data?.dialogConfig?.contentTemplate || contentTemplate\"\r\n\t\t></ng-container>\r\n\t\t<ng-container *ngIf=\"loading\">\r\n\t\t\t<div\r\n\t\t\t\tclass=\"overlay flex w-full h-full items-center justify-center absolute left-0 bottom-0 right-0 bg-gray-300 opacity-40 z-999\"\r\n\t\t\t\t[ngStyle]=\"{'top': dialogBodyTopOffset + 'px'}\"\r\n\t\t\t></div>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"overlay flex w-full h-full items-center justify-center absolute left-0 bottom-0 right-0 z-9999\"\r\n\t\t\t\t*ngIf=\"loaderMode === 'spinner'\"\r\n\t\t\t\t[ngStyle]=\"{'top': dialogBodyTopOffset + 'px'}\"\r\n\t\t\t>\r\n\t\t\t\t<mat-spinner\r\n\t\t\t\t\t[value]=\"90\"\r\n\t\t\t\t\t[strokeWidth]=\"4\"\r\n\t\t\t\t\toverlay=\"true\"\r\n\t\t\t\t\t[diameter]=\"40\"\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t>\r\n\t\t\t\t</mat-spinner>\r\n\t\t\t</div>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"block w-full h-px absolute inset-0 z-9999\"\r\n\t\t\t\t*ngIf=\"loaderMode === 'progressBar'\"\r\n\t\t\t>\r\n\t\t\t\t<mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\r\n\t\t\t</div>\r\n\t\t</ng-container>\r\n\t</div>\r\n\t<div class=\"flex w-full justify-end p-6 pt-0 gap-x-4\">\r\n\t\t<button class=\"cancelation-button\" (click)=\"executeAction()\">\r\n\t\t\t{{\"BUTTONS.CANCEL\" | translate}}\r\n\t\t</button>\r\n\t\t<ng-container\r\n\t\t\t*ngTemplateOutlet=\"(data?.dialogConfig?.actionsTemplate || actionsTemplate); context: { dialog: this }\"\r\n\t\t></ng-container>\r\n\t</div>\r\n</div>\r\n", styles: ["::ng-deep .ndf-dialog .mat-dialog-container{overflow:hidden!important;border-radius:8px!important}.ndf-dialog-wrapper .dialog-body{height:100%;max-height:calc(100vh - 208px)}:host{height:100%;display:block}\n"], components: [{ type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: SetDirRtlDirective, selector: "[SetDirRtl]" }, { type: i2__namespace$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { type: i4__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfNuxeoDialog, decorators: [{
               type: i0.Component,
               args: [{
@@ -6665,7 +6665,7 @@
       return CorrespondenceRelationListComponent;
   }());
   CorrespondenceRelationListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CorrespondenceRelationListComponent, deps: [{ token: CorrespondenceRelationService }, { token: i1__namespace$3.MatDialog }, { token: ViewerFilesService }, { token: DocumentsService }, { token: AdapterService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  CorrespondenceRelationListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CorrespondenceRelationListComponent, selector: "cts-correspondence-relation-list", inputs: { correspondence_id: "correspondence_id", reload: "reload" }, ngImport: i0__namespace, template: "<div class=\"relations-list\" *ngIf=\"relateddoc.length > 0\">\r\n  <ng-container>\r\n    <div *ngFor=\"let group of relateddoc; first as isFirst\">\r\n      <mat-accordion class=\"example-headers-align\" multi>\r\n        <mat-expansion-panel [expanded]=\"isFirst\">\r\n          <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n              {{ group[0] }}\r\n            </mat-panel-title>\r\n          </mat-expansion-panel-header>\r\n          <ng-template matExpansionPanelContent>\r\n            <mat-list>\r\n              <div class=\"mat-list-items\" *ngFor=\"let item of group[1]\">\r\n                <cts-item-list\r\n                  [item]=\"item\"\r\n                  [title]=\"item.title\"\r\n                  [iconname]=\"'link'\"\r\n                  [actions]=\"menu_actions\"\r\n                  (actionclicked)=\"handleMenuItemClicked($event)\"\r\n                  (itemClicked)=\"showCorrespondenceInViewer(item)\"\r\n                  [moreclasses]=\"'link-relation'\"\r\n                ></cts-item-list>\r\n              </div>\r\n            </mat-list>\r\n          </ng-template>\r\n        </mat-expansion-panel>\r\n      </mat-accordion>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n<div class=\"nocontent\" *ngIf=\"relateddoc.length === 0\">\r\n  <p>{{ \"correspondence-relation.nocontent\" | translate }}</p>\r\n</div>\r\n", styles: [".relations-list{border:1px solid #eee}.relations-list .mat-expansion-panel{box-shadow:none!important}.relations-list .mat-expansion-panel-header{border-bottom:1px solid #d9dce2;background-color:#f5f6f8;height:50px!important}.relations-list .mat-expansion-panel-header:hover{background-color:#f5f6f8!important}.relations-list .mat-expansion-panel-header:focus{background-color:#f5f6f8!important}.relations-list .mat-expansion-panel-header-title{font-weight:500}.relations-list .mat-accordion .mat-expansion-panel{border-radius:0!important}.relations-list .mat-expansion-panel-body{padding:0!important}.nocontent{color:gray;padding:10px;font-size:14px;border:1px solid #d9dce2}.nocontent p{margin:0;text-align:center}\n"], components: [{ type: i6__namespace$3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i6__namespace$3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight"] }, { type: i2__namespace$4.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: ItemListComponent, selector: "cts-item-list", inputs: ["item", "iconname", "title", "actions", "isselected", "moreclasses"], outputs: ["itemClicked", "actionclicked"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6__namespace$3.MatAccordion, selector: "mat-accordion", inputs: ["multi", "displayMode", "togglePosition", "hideToggle"], exportAs: ["matAccordion"] }, { type: i6__namespace$3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i6__namespace$3.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }], pipes: { "translate": i1__namespace.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
+  CorrespondenceRelationListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CorrespondenceRelationListComponent, selector: "cts-correspondence-relation-list", inputs: { correspondence_id: "correspondence_id", reload: "reload" }, ngImport: i0__namespace, template: "<div class=\"relations-list\" *ngIf=\"relateddoc.length > 0\">\r\n  <ng-container>\r\n    <div *ngFor=\"let group of relateddoc; first as isFirst\">\r\n      <mat-accordion class=\"example-headers-align\" multi>\r\n        <mat-expansion-panel [expanded]=\"isFirst\">\r\n          <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n              {{('vocabulary.VOC_CorrespondenceRelationsNames.' + group[0]) | translate }}\r\n            </mat-panel-title>\r\n          </mat-expansion-panel-header>\r\n          <ng-template matExpansionPanelContent>\r\n            <mat-list>\r\n              <div class=\"mat-list-items\" *ngFor=\"let item of group[1]\">\r\n                <cts-item-list\r\n                  [item]=\"item\"\r\n                  [title]=\"item.title\"\r\n                  [iconname]=\"'link'\"\r\n                  [actions]=\"menu_actions\"\r\n                  (actionclicked)=\"handleMenuItemClicked($event)\"\r\n                  (itemClicked)=\"showCorrespondenceInViewer(item)\"\r\n                  [moreclasses]=\"'link-relation'\"\r\n                ></cts-item-list>\r\n              </div>\r\n            </mat-list>\r\n          </ng-template>\r\n        </mat-expansion-panel>\r\n      </mat-accordion>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n<div class=\"nocontent\" *ngIf=\"relateddoc.length === 0\">\r\n  <p>{{ \"correspondence-relation.nocontent\" | translate }}</p>\r\n</div>\r\n", styles: [".relations-list{border:1px solid #eee}.relations-list .mat-expansion-panel{box-shadow:none!important}.relations-list .mat-expansion-panel-header{border-bottom:1px solid #d9dce2;background-color:#f5f6f8;height:50px!important}.relations-list .mat-expansion-panel-header:hover{background-color:#f5f6f8!important}.relations-list .mat-expansion-panel-header:focus{background-color:#f5f6f8!important}.relations-list .mat-expansion-panel-header-title{font-weight:500}.relations-list .mat-accordion .mat-expansion-panel{border-radius:0!important}.relations-list .mat-expansion-panel-body{padding:0!important}.nocontent{color:gray;padding:10px;font-size:14px;border:1px solid #d9dce2}.nocontent p{margin:0;text-align:center}\n"], components: [{ type: i6__namespace$3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i6__namespace$3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight"] }, { type: i2__namespace$4.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: ItemListComponent, selector: "cts-item-list", inputs: ["item", "iconname", "title", "actions", "isselected", "moreclasses"], outputs: ["itemClicked", "actionclicked"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6__namespace$3.MatAccordion, selector: "mat-accordion", inputs: ["multi", "displayMode", "togglePosition", "hideToggle"], exportAs: ["matAccordion"] }, { type: i6__namespace$3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i6__namespace$3.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }], pipes: { "translate": i1__namespace.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CorrespondenceRelationListComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -15982,6 +15982,7 @@
           this.batchList = false;
           this.dontDelete = false;
           this.canDelete = true;
+          this.keepFileExtension = false;
           this.deleteSuccess = new i0.EventEmitter();
           this.documentsCount = new i0.EventEmitter();
           this.onDestroy$ = new rxjs.Subject();
@@ -16043,7 +16044,7 @@
               classification: new i6.FormControl(null),
               category: new i6.FormControl(null),
               type: new i6.FormControl('PDF'),
-              title: new i6.FormControl(item.title.split('.').slice(0, -1).join('.')),
+              title: new i6.FormControl(this.keepFileExtension ? item.title : item.title.split('.').slice(0, -1).join('.')),
               remarks: new i6.FormControl(null),
               // isObject: new FormControl(false),
               extension: new i6.FormControl(item.title.split('.').pop()),
@@ -16073,7 +16074,7 @@
       return AttachmentsListComponent;
   }());
   AttachmentsListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AttachmentsListComponent, deps: [{ token: NuxeoService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  AttachmentsListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AttachmentsListComponent, selector: "cts-attachments-list", inputs: { ancestorId: "ancestorId", provider: "provider", items: "items", batchList: "batchList", dontDelete: "dontDelete", canDelete: "canDelete", item: "item" }, outputs: { deleteSuccess: "deleteSuccess", documentsCount: "documentsCount", documentSelect: "documentSelect" }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-container>\r\n  <div class=\"doc-list\">\r\n    <ng-container>\r\n      <form [formGroup]=\"attachmentForm\">\r\n        <div formArrayName=\"attachmentCard\">\r\n          <div\r\n            class=\"doc-item\"\r\n            *ngFor=\"\r\n              let attachmentCardControl of attachmentForm.get('attachmentCard')[\r\n                'controls'\r\n              ];\r\n              let i = index\r\n            \"\r\n          >\r\n            <!-- (click)=\"preview(item.uid)\" -->\r\n            <div class=\"file-icon\">\r\n              <mat-icon>file_copy</mat-icon>\r\n            </div>\r\n            <div\r\n              [formGroupName]=\"i\"\r\n              class=\"attachmentForm-container row no-gutters\"\r\n            >\r\n              <div class=\"formControl-wrapper col-12 col-xl-6\">\r\n                <app-dynamic-form-textitem\r\n                  placeholder=\"{{ 'Title' | translate }}\"\r\n                  class=\"textitem\"\r\n                  formControlName=\"title\"\r\n                  \r\n                >\r\n                </app-dynamic-form-textitem>\r\n                <app-dynamic-form-textitem\r\n                  placeholder=\"{{\r\n                    'CREATE.ATTACHMENTS.REMARKS_PLACE_HOLDER' | translate\r\n                  }}\"\r\n                  class=\"textitem\"\r\n                  formControlName=\"remarks\"\r\n                >\r\n                </app-dynamic-form-textitem>\r\n              </div>\r\n              <div class=\"formControl-wrapper col-12 col-xl-6\">\r\n                <app-dynamic-form-vocabulary-item\r\n                  class=\"voc-form-control\"\r\n                  [bindLabel]=\"'label'\"\r\n                  [bindValue]=\"'id'\"\r\n                  placeholder=\"{{ 'VOCABULARY.TYPE' | translate }}\"\r\n                  [multiple]=\"false\"\r\n                  [searchable]=\"false\"\r\n                  [closeOnSelect]=\"true\"\r\n                  [hideSelectedItems]=\"false\"\r\n                  [vocabularyType]=\"'VOC_CorrespondenceAttachmentType'\"\r\n                  formControlName=\"category\"\r\n                >\r\n                </app-dynamic-form-vocabulary-item>\r\n                <app-dynamic-form-vocabulary-item\r\n                  class=\"voc-form-control\"\r\n                  [bindLabel]=\"'label'\"\r\n                  [bindValue]=\"'id'\"\r\n                  placeholder=\"{{ 'VOCABULARY.CLASSIFICATION' | translate }}\"\r\n                  [multiple]=\"false\"\r\n                  [searchable]=\"false\"\r\n                  [closeOnSelect]=\"true\"\r\n                  [hideSelectedItems]=\"false\"\r\n                  [vocabularyType]=\"'VOC_CorrespondenceAttachClassification'\"\r\n                  formControlName=\"classification\"\r\n                >\r\n                </app-dynamic-form-vocabulary-item>\r\n              </div>\r\n              <!-- <div class=\"formControl-toggleitem col-2 col-xl-2\">\r\n                <cts-dynamic-form-slide-toggleitem\r\n                  label=\"{{ 'CREATE.ATTACHMENTS.ISOBJECT' | translate }}\"\r\n                  formControlName=\"isObject\"\r\n                ></cts-dynamic-form-slide-toggleitem>\r\n              </div> -->\r\n            </div>\r\n            <div class=\"btn-wrapper\">\r\n              <button\r\n                (click)=\"delInput(i)\"\r\n                class=\"btn btn-outline-danger btn-no-border\"\r\n              >\r\n                <!-- deleteDocument($event, attachmentCardControl.value.item) -->\r\n                <mat-icon>delete</mat-icon>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </ng-container>\r\n  </div>\r\n</ng-container>\r\n<ng-template #spinner>\r\n  <mat-spinner class=\"centered-spinner\"></mat-spinner>\r\n</ng-template>\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}.doc-item{display:flex;flex:1;padding-top:6px;padding-bottom:6px;justify-content:space-between;align-items:center;padding-inline-end:4px;cursor:pointer;border:1px solid;border-color:#d9dce2}.doc-item .item-content{display:flex;align-items:center;justify-content:space-between}.doc-item .file-icon{margin:4px;color:#465573;display:flex;align-items:center}.attachmentForm-container{width:100%;grid-row-gap:6px;row-gap:6px}.attachmentForm-container .formControl-wrapper{display:flex;align-items:center;justify-content:space-between;grid-column-gap:10px;column-gap:10px;padding-inline-end:5px;padding-inline-start:5px}.attachmentForm-container .formControl-wrapper .voc-form-control{width:50%}.attachmentForm-container .formControl-wrapper .textitem{width:100%}.attachmentForm-container .formControl-toggleitem{display:flex;align-items:center;justify-content:center}.btn-wrapper{display:flex;justify-content:flex-end}\n"], components: [{ type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: DynamicFormTextItemComponent, selector: "app-dynamic-form-textitem", inputs: ["autoComplete", "nativeAutoComplete", "autoComplete_pageProvider", "autoComplete_propertyName", "autoComplete_propertyKey", "autoCompleteValueKey", "autoCompleteType", "tenantId", "emitFullObject", "outsideParams", "type", "property", "label", "editable", "placeholder", "disabled", "displayEmpty", "preventSpace", "id", "maxCharsNum"] }, { type: DynamicFormVocabularyItemComponent, selector: "app-dynamic-form-vocabulary-item", inputs: ["bindValue", "bindLabel", "placeholder", "multiple", "searchable", "closeOnSelect", "hideSelectedItems", "disabled", "vocabularyType", "label", "cacheable", "shwoAllValues"], outputs: ["onSelecting"] }, { type: i8__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i6__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6__namespace.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6__namespace.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
+  AttachmentsListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AttachmentsListComponent, selector: "cts-attachments-list", inputs: { ancestorId: "ancestorId", provider: "provider", items: "items", batchList: "batchList", dontDelete: "dontDelete", canDelete: "canDelete", item: "item", keepFileExtension: "keepFileExtension" }, outputs: { deleteSuccess: "deleteSuccess", documentsCount: "documentsCount", documentSelect: "documentSelect" }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-container>\r\n  <div class=\"doc-list\">\r\n    <ng-container>\r\n      <form [formGroup]=\"attachmentForm\">\r\n        <div formArrayName=\"attachmentCard\">\r\n          <div\r\n            class=\"doc-item\"\r\n            *ngFor=\"\r\n              let attachmentCardControl of attachmentForm.get('attachmentCard')[\r\n                'controls'\r\n              ];\r\n              let i = index\r\n            \"\r\n          >\r\n            <!-- (click)=\"preview(item.uid)\" -->\r\n            <div class=\"file-icon\">\r\n              <mat-icon>file_copy</mat-icon>\r\n            </div>\r\n            <div\r\n              [formGroupName]=\"i\"\r\n              class=\"attachmentForm-container row no-gutters\"\r\n            >\r\n              <div class=\"formControl-wrapper col-12 col-xl-6\">\r\n                <app-dynamic-form-textitem\r\n                  placeholder=\"{{ 'Title' | translate }}\"\r\n                  class=\"textitem\"\r\n                  formControlName=\"title\"\r\n                  \r\n                >\r\n                </app-dynamic-form-textitem>\r\n                <app-dynamic-form-textitem\r\n                  placeholder=\"{{\r\n                    'CREATE.ATTACHMENTS.REMARKS_PLACE_HOLDER' | translate\r\n                  }}\"\r\n                  class=\"textitem\"\r\n                  formControlName=\"remarks\"\r\n                >\r\n                </app-dynamic-form-textitem>\r\n              </div>\r\n              <div class=\"formControl-wrapper col-12 col-xl-6\">\r\n                <app-dynamic-form-vocabulary-item\r\n                  class=\"voc-form-control\"\r\n                  [bindLabel]=\"'label'\"\r\n                  [bindValue]=\"'id'\"\r\n                  placeholder=\"{{ 'VOCABULARY.TYPE' | translate }}\"\r\n                  [multiple]=\"false\"\r\n                  [searchable]=\"false\"\r\n                  [closeOnSelect]=\"true\"\r\n                  [hideSelectedItems]=\"false\"\r\n                  [vocabularyType]=\"'VOC_CorrespondenceAttachmentType'\"\r\n                  formControlName=\"category\"\r\n                >\r\n                </app-dynamic-form-vocabulary-item>\r\n                <app-dynamic-form-vocabulary-item\r\n                  class=\"voc-form-control\"\r\n                  [bindLabel]=\"'label'\"\r\n                  [bindValue]=\"'id'\"\r\n                  placeholder=\"{{ 'VOCABULARY.CLASSIFICATION' | translate }}\"\r\n                  [multiple]=\"false\"\r\n                  [searchable]=\"false\"\r\n                  [closeOnSelect]=\"true\"\r\n                  [hideSelectedItems]=\"false\"\r\n                  [vocabularyType]=\"'VOC_CorrespondenceAttachClassification'\"\r\n                  formControlName=\"classification\"\r\n                >\r\n                </app-dynamic-form-vocabulary-item>\r\n              </div>\r\n              <!-- <div class=\"formControl-toggleitem col-2 col-xl-2\">\r\n                <cts-dynamic-form-slide-toggleitem\r\n                  label=\"{{ 'CREATE.ATTACHMENTS.ISOBJECT' | translate }}\"\r\n                  formControlName=\"isObject\"\r\n                ></cts-dynamic-form-slide-toggleitem>\r\n              </div> -->\r\n            </div>\r\n            <div class=\"btn-wrapper\">\r\n              <button\r\n                (click)=\"delInput(i)\"\r\n                class=\"btn btn-outline-danger btn-no-border\"\r\n              >\r\n                <!-- deleteDocument($event, attachmentCardControl.value.item) -->\r\n                <mat-icon>delete</mat-icon>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </ng-container>\r\n  </div>\r\n</ng-container>\r\n<ng-template #spinner>\r\n  <mat-spinner class=\"centered-spinner\"></mat-spinner>\r\n</ng-template>\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}.doc-item{display:flex;flex:1;padding-top:6px;padding-bottom:6px;justify-content:space-between;align-items:center;padding-inline-end:4px;cursor:pointer;border:1px solid;border-color:#d9dce2}.doc-item .item-content{display:flex;align-items:center;justify-content:space-between}.doc-item .file-icon{margin:4px;color:#465573;display:flex;align-items:center}.attachmentForm-container{width:100%;grid-row-gap:6px;row-gap:6px}.attachmentForm-container .formControl-wrapper{display:flex;align-items:center;justify-content:space-between;grid-column-gap:10px;column-gap:10px;padding-inline-end:5px;padding-inline-start:5px}.attachmentForm-container .formControl-wrapper .voc-form-control{width:50%}.attachmentForm-container .formControl-wrapper .textitem{width:100%}.attachmentForm-container .formControl-toggleitem{display:flex;align-items:center;justify-content:center}.btn-wrapper{display:flex;justify-content:flex-end}\n"], components: [{ type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: DynamicFormTextItemComponent, selector: "app-dynamic-form-textitem", inputs: ["autoComplete", "nativeAutoComplete", "autoComplete_pageProvider", "autoComplete_propertyName", "autoComplete_propertyKey", "autoCompleteValueKey", "autoCompleteType", "tenantId", "emitFullObject", "outsideParams", "type", "property", "label", "editable", "placeholder", "disabled", "displayEmpty", "preventSpace", "id", "maxCharsNum"] }, { type: DynamicFormVocabularyItemComponent, selector: "app-dynamic-form-vocabulary-item", inputs: ["bindValue", "bindLabel", "placeholder", "multiple", "searchable", "closeOnSelect", "hideSelectedItems", "disabled", "vocabularyType", "label", "cacheable", "shwoAllValues"], outputs: ["onSelecting"] }, { type: i8__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i6__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6__namespace.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6__namespace.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AttachmentsListComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -16095,6 +16096,8 @@
                   type: i0.Input
               }], item: [{
                   type: i0.Input
+              }], keepFileExtension: [{
+                  type: i0.Input
               }], deleteSuccess: [{
                   type: i0.Output
               }], documentsCount: [{
@@ -22337,62 +22340,171 @@
                   args: ['fileInput']
               }] } });
 
-  var CreateModalComponent = /** @class */ (function () {
-      function CreateModalComponent(data, dialogRef, uploadMangmentService, dialogMangmentService, fileMangerService, tosterService, formBuilder, adapeter, fileManagerService, appConfService, dateHelperService, translationService, userService, nuxeoService, environment, dynamicFormService) {
-          var _this = this;
-          this.data = data;
-          this.dialogRef = dialogRef;
-          this.uploadMangmentService = uploadMangmentService;
-          this.dialogMangmentService = dialogMangmentService;
-          this.fileMangerService = fileMangerService;
-          this.tosterService = tosterService;
-          this.formBuilder = formBuilder;
-          this.adapeter = adapeter;
-          this.fileManagerService = fileManagerService;
-          this.appConfService = appConfService;
-          this.dateHelperService = dateHelperService;
-          this.translationService = translationService;
-          this.userService = userService;
-          this.nuxeoService = nuxeoService;
-          this.environment = environment;
-          this.dynamicFormService = dynamicFormService;
-          this.addingProperties = false;
-          this.payloadList = [];
-          this.createWhenFinishMode = false;
-          this.showRenderer = false; // used to force renderer to feel changes in forms and value when changing files
+  var CreateModalComponent = /** @class */ (function (_super) {
+      __extends(CreateModalComponent, _super);
+      function CreateModalComponent(data, uploadMangmentService, dialogMangmentService, fileMangerService, tosterService, formBuilder, adapeter, fileManagerService, appConfService, dateHelperService, userService, environment, injector, dynamicFormService) {
+          var _this = _super.call(this, injector) || this;
+          _this.data = data;
+          _this.uploadMangmentService = uploadMangmentService;
+          _this.dialogMangmentService = dialogMangmentService;
+          _this.fileMangerService = fileMangerService;
+          _this.tosterService = tosterService;
+          _this.formBuilder = formBuilder;
+          _this.adapeter = adapeter;
+          _this.fileManagerService = fileManagerService;
+          _this.appConfService = appConfService;
+          _this.dateHelperService = dateHelperService;
+          _this.userService = userService;
+          _this.environment = environment;
+          _this.dynamicFormService = dynamicFormService;
+          _this.addingProperties = false;
+          _this.payloadList = [];
+          _this.createWhenFinishMode = false;
+          _this.showRenderer = false; // used to force renderer to feel changes in forms and value when changing files
           // uploadFinishSubscription: Subscription;
-          this.usingExtraFields = false; // flage to switch between static form types
-          this.isArabic = false;
-          this.showStaticForm = false;
-          this.disableCreateWhenFinishBtn = true;
-          this.creating = false;
-          this.displayNoteMessage = true;
-          this.myEnvironment = this.environment;
-          this.createWhenFinishMode = false;
-          this.addingProperties = this.uploadMangmentService.addingPropertiesMode;
-          this.fileType = this.dialogMangmentService.fileType; // object that was constructed inside subtypes service
-          this.source = this.dialogMangmentService.addingFrom;
-          this.fileManagerService.getFileSchemas(this.fileType.type).subscribe(function (schemas) {
+          _this.usingExtraFields = false; // flage to switch between static form types
+          _this.showStaticForm = false;
+          _this.disableCreateWhenFinishBtn = true;
+          _this.creating = false;
+          _this.displayNoteMessage = true;
+          _this.createWhenFinish = function () {
+              _this.createWhenFinishMode = true;
+              return _this.minimizDialog();
+          };
+          _this.startAddingProperties = function () {
+              //if starting from filemnager then i have fixed file type for all attachmetn and single dynaimc form  type
+              if (_this.source === 'fileManger') {
+                  // this.dynamicFormService.getDynamicForm(this.fileType).subscribe(res => {
+                  _this.uploadMangmentService.uploadedFilesStatus.uploadedFiles.forEach(function (file) {
+                      file['fileType'] = _this.source === 'fileManger' ? _this.fileType : {};
+                      file['dynamicForm'] = _this.dialogMangmentService.storedDynamicForm;
+                      file['dynamicData'] = {};
+                      file['staticFormValid'] = _this.usingExtraFields ? false : true;
+                      file['staticData'] = _this.setStaticData(file.title ? file.title : file.name);
+                      file['generalValidationValid'] = true;
+                  });
+                  _this.uploadMangmentService.uploadedFilesStatus.allfiles.forEach(function (file) {
+                      file['fileType'] = _this.source === 'fileManger' ? _this.fileType : {};
+                      file['dynamicForm'] = _this.dialogMangmentService.storedDynamicForm;
+                      file['dynamicData'] = {};
+                      file['staticFormValid'] = _this.usingExtraFields ? false : true;
+                      file['staticData'] = _this.setStaticData(file.title ? file.title : file.name);
+                      file['generalValidationValid'] = true;
+                  });
+              }
+              _this.addingProperties = true;
+              _this.uploadMangmentService.addingPropertiesMode = true;
+          };
+          _this.createDocument = function () {
+              var _a, _b;
+              _this.creating = true;
+              _this.uploadMangmentService.failedFiles = [];
+              _this.uploadMangmentService.GeneralFormValidation = _this.checkValidation();
+              if (_this.uploadMangmentService.GeneralFormValidation) {
+                  var apiCalls_1 = [];
+                  if (((_a = _this.data) === null || _a === void 0 ? void 0 : _a.path.includes('/default-domain/workspaces/DMSWorkspaces')) ||
+                      ((_b = _this.data) === null || _b === void 0 ? void 0 : _b.path.includes('/default-domain/UserWorkspaces/'))) {
+                      _this.constructPayLoadToWorkSpace(_this.uploadMangmentService.uploadedFilesStatus.uploadedFiles);
+                      _this.payloadList.forEach(function (payload) {
+                          apiCalls_1.push(_this.fileMangerService.createFile(payload, _this.fileManagerService.selectedFolderId, 'DMS.CreateDocumentFromBlob'));
+                      });
+                  }
+                  else {
+                      _this.constructPayLoad(_this.uploadMangmentService.uploadedFilesStatus.uploadedFiles);
+                      _this.payloadList.forEach(function (payload) {
+                          apiCalls_1.push(_this.fileMangerService.createFile(payload, _this.fileManagerService.selectedFolderId));
+                      });
+                  }
+                  return rxjs.forkJoin(apiCalls_1).pipe(operators.tap(function (response) {
+                      _this.creating = false;
+                      response.forEach(function (singleRes) {
+                          if (singleRes['status'] && singleRes['status'] === 'failed') {
+                              _this.uploadMangmentService.failedFiles.push(singleRes['originFile']);
+                          }
+                      });
+                      if (_this.uploadMangmentService.failedFiles.length > 0) {
+                          _this.tosterService.show('error', 'TOASTER.ERROR', 'TOASTER.UPLOAD_ERROR');
+                          _this.uploadMangmentService.uploadedFilesStatus.uploadedFiles = [];
+                          _this.selectedFile = null;
+                          _this.uploadMangmentService.uploadedFilesStatus.allfiles = __spreadArray([], __read(_this.uploadMangmentService.failedFiles));
+                      }
+                      else {
+                          _this.fileMangerService.onRefreshingFileManger.next();
+                          _this.tosterService.show('success', 'TOASTER.SUCCESS', 'TOASTER.FILE_CREATED_SUCCE');
+                          _super.prototype.close.call(_this, false);
+                          _this.uploadMangmentService.resetStatus();
+                      }
+                  }, function (error) {
+                      _this.creating = false;
+                  }));
+              }
+              else {
+                  _this.creating = false;
+                  return rxjs.of(null);
+              }
+          };
+          _this.tryAgainCreateDocument = function () {
+              _this.uploadMangmentService.uploadFilesMangment(_this.uploadMangmentService.failedFiles);
+              return rxjs.of(null);
+          };
+          _this.minimizDialog = function () {
+              _super.prototype.close.call(_this, true);
+              return rxjs.of(null);
+          };
+          _this.ApplyChangesToAll = function () {
+              _this.uploadMangmentService.uploadedFilesStatus.uploadedFiles.forEach(function (file) {
+                  var title = file['staticData']
+                      ? file['staticData']['title']
+                      : file.name;
+                  file['fileType'] = _this.selectedFile.fileType;
+                  file['dynamicForm'] = _this.selectedFile.dynamicForm;
+                  file['dynamicData'] = _this.selectedFile.dynamicData;
+                  file['staticFormValid'] = _this.selectedFile.staticFormValid;
+                  file['staticData'] = Object.assign({}, _this.fileForm.value);
+                  file['staticData']['title'] = title;
+              });
+              _this.uploadMangmentService.uploadedFilesStatus.allfiles.forEach(function (file) {
+                  var title = file['staticData'] ? file['staticData']['title'] : file.name;
+                  file['fileType'] = _this.selectedFile.fileType;
+                  file['dynamicForm'] = _this.selectedFile.dynamicForm;
+                  file['dynamicData'] = _this.selectedFile.dynamicData;
+                  file['staticFormValid'] = _this.selectedFile.staticFormValid;
+                  file['staticData'] = Object.assign({}, _this.fileForm.value);
+                  file['staticData']['title'] = title;
+              });
+              return rxjs.of(null);
+          };
+          _this.myEnvironment = _this.environment;
+          _this.createWhenFinishMode = false;
+          _this.addingProperties = _this.uploadMangmentService.addingPropertiesMode;
+          _this.fileType = _this.dialogMangmentService.fileType; // object that was constructed inside subtypes service
+          _this.source = _this.dialogMangmentService.addingFrom;
+          _this.fileManagerService
+              .getFileSchemas(_this.fileType.type)
+              .subscribe(function (schemas) {
               schemas.map(function (item) {
-                  if (item.name === "generaldocument") {
+                  if (item.name === 'generaldocument') {
                       _this.usingExtraFields = true;
                   }
               });
               _this.initiatfileForm();
               _this.uploadMangmentService.gettingPropFromModal({
-                  'fileType': _this.source === 'fileManger' ? _this.fileType : {},
-                  'dynamicForm': _this.dialogMangmentService.storedDynamicForm,
-                  'dynamicData': {},
-                  'staticFormValid': _this.usingExtraFields ? false : true,
-                  'generalValidationValid': true,
-                  'usingExtraFields': _this.usingExtraFields,
-                  'path': _this.data.path
+                  fileType: _this.source === 'fileManger' ? _this.fileType : {},
+                  dynamicForm: _this.dialogMangmentService.storedDynamicForm,
+                  dynamicData: {},
+                  staticFormValid: _this.usingExtraFields ? false : true,
+                  generalValidationValid: true,
+                  usingExtraFields: _this.usingExtraFields,
+                  path: _this.data.path
               });
           });
+          return _this;
       }
       CreateModalComponent.prototype.KeyUpEvent = function (event) {
-          if (this.addingProperties && this.uploadMangmentService.failedFiles.length === 0) {
-              if (this.uploadMangmentService.uploadedFilesStatus.uploadInProgress && !this.disableCreateWhenFinishBtn) {
+          if (this.addingProperties &&
+              this.uploadMangmentService.failedFiles.length === 0) {
+              if (this.uploadMangmentService.uploadedFilesStatus.uploadInProgress &&
+                  !this.disableCreateWhenFinishBtn) {
                   this.createWhenFinish();
               }
               else {
@@ -22402,17 +22514,16 @@
       };
       CreateModalComponent.prototype.ngOnInit = function () {
           var _this = this;
-          this.langSubscription = this.translationService.isArabic.subscribe(function (res) {
-              _this.isArabic = res;
-          });
           if (this.uploadMangmentService.uploadFinishSubscription) {
               this.uploadMangmentService.uploadFinishSubscription.unsubscribe();
           }
-          this.uploadMangmentService.uploadFinishSubscription = this.uploadMangmentService.onUploadFinish.subscribe(function (res) {
-              if (_this.createWhenFinishMode || _this.uploadMangmentService.failedFiles.length > 0) {
-                  _this.createDocument();
-              }
-          });
+          this.uploadMangmentService.uploadFinishSubscription =
+              this.uploadMangmentService.onUploadFinish.subscribe(function (res) {
+                  if (_this.createWhenFinishMode ||
+                      _this.uploadMangmentService.failedFiles.length > 0) {
+                      _this.createDocument();
+                  }
+              });
       };
       CreateModalComponent.prototype.initiatfileForm = function () {
           if (this.usingExtraFields) {
@@ -22438,44 +22549,16 @@
                   description: ['']
               });
           }
-          this.staticFormFields = this.appConfService.myConfiguration.staticFormFields;
-      };
-      CreateModalComponent.prototype.createWhenFinish = function () {
-          this.createWhenFinishMode = true;
-          this.minimizDialog();
+          this.staticFormFields =
+              this.appConfService.myConfiguration.staticFormFields;
       };
-      CreateModalComponent.prototype.closeDialog = function () {
+      CreateModalComponent.prototype.close = function () {
           this.uploadMangmentService.GeneralFormValidation = true;
           this.fileFormSubscription ? this.fileFormSubscription.unsubscribe() : '';
           this.addingProperties = false;
           this.uploadMangmentService.resetStatus();
-          this.dialogRef.close(false);
-      };
-      CreateModalComponent.prototype.startAddingProperties = function () {
-          var _this = this;
-          //if starting from filemnager then i have fixed file type for all attachmetn and single dynaimc form  type
-          if (this.source === 'fileManger') {
-              // this.dynamicFormService.getDynamicForm(this.fileType).subscribe(res => {
-              this.uploadMangmentService.uploadedFilesStatus.uploadedFiles.map(function (file) {
-                  file['fileType'] = _this.source === 'fileManger' ? _this.fileType : {};
-                  file['dynamicForm'] = _this.dialogMangmentService.storedDynamicForm;
-                  file['dynamicData'] = {};
-                  file['staticFormValid'] = _this.usingExtraFields ? false : true;
-                  file['staticData'] = _this.setStaticData(file.title ? file.title : file.name);
-                  file['generalValidationValid'] = true;
-              });
-              this.uploadMangmentService.uploadedFilesStatus.allfiles.map(function (file) {
-                  file['fileType'] = _this.source === 'fileManger' ? _this.fileType : {};
-                  file['dynamicForm'] = _this.dialogMangmentService.storedDynamicForm;
-                  file['dynamicData'] = {};
-                  file['staticFormValid'] = _this.usingExtraFields ? false : true;
-                  file['staticData'] = _this.setStaticData(file.title ? file.title : file.name);
-                  file['generalValidationValid'] = true;
-              });
-              // })
-          }
-          this.addingProperties = true;
-          this.uploadMangmentService.addingPropertiesMode = true;
+          _super.prototype.close.call(this);
+          return rxjs.of(null);
       };
       CreateModalComponent.prototype.setStaticData = function (title) {
           if (this.usingExtraFields) {
@@ -22502,73 +22585,19 @@
               };
           }
       };
-      CreateModalComponent.prototype.createDocument = function () {
-          var _this = this;
-          var _a, _b;
-          this.creating = true;
-          this.uploadMangmentService.failedFiles = [];
-          this.uploadMangmentService.GeneralFormValidation = this.checkValidation();
-          if (this.uploadMangmentService.GeneralFormValidation) {
-              var apiCalls_1 = [];
-              if (((_a = this.data) === null || _a === void 0 ? void 0 : _a.path.includes('/default-domain/workspaces/DMSWorkspaces')) || ((_b = this.data) === null || _b === void 0 ? void 0 : _b.path.includes('/default-domain/UserWorkspaces/'))) {
-                  this.constructPayLoadToWorkSpace(this.uploadMangmentService.uploadedFilesStatus.uploadedFiles);
-                  this.payloadList.map(function (payload) {
-                      apiCalls_1.push(_this.fileMangerService.createFile(payload, _this.fileManagerService.selectedFolderId, 'DMS.CreateDocumentFromBlob'));
-                  });
-              }
-              else {
-                  this.constructPayLoad(this.uploadMangmentService.uploadedFilesStatus.uploadedFiles);
-                  this.payloadList.map(function (payload) {
-                      apiCalls_1.push(_this.fileMangerService.createFile(payload, _this.fileManagerService.selectedFolderId));
-                  });
-              }
-              rxjs.forkJoin(apiCalls_1).subscribe(function (response) {
-                  //console.log(res);
-                  _this.creating = false;
-                  response.map(function (singleRes) {
-                      if (singleRes['status'] && singleRes['status'] === 'failed') {
-                          _this.uploadMangmentService.failedFiles.push(singleRes['originFile']);
-                      }
-                  });
-                  if (_this.uploadMangmentService.failedFiles.length > 0) {
-                      _this.tosterService.show('error', 'TOASTER.ERROR', 'TOASTER.UPLOAD_ERROR');
-                      _this.uploadMangmentService.uploadedFilesStatus.uploadedFiles = [];
-                      _this.selectedFile = null;
-                      _this.uploadMangmentService.uploadedFilesStatus.allfiles = __spreadArray([], __read(_this.uploadMangmentService.failedFiles));
-                  }
-                  else {
-                      _this.fileMangerService.onRefreshingFileManger.next();
-                      _this.tosterService.show('success', 'TOASTER.SUCCESS', "TOASTER.FILE_CREATED_SUCCE");
-                      _this.dialogRef.close(false);
-                      _this.uploadMangmentService.resetStatus();
-                  }
-              }, function (error) {
-                  _this.creating = false;
-                  // console.log(error);
-                  // this.tosterService.show('error' , 'TOASTER.ERROR' , 'TOASTER.UPLOAD_ERROR');
-                  // this.closeDialog();
-              });
-          }
-          else {
-              this.creating = false;
-          }
-      };
       CreateModalComponent.prototype.constructPayLoadToWorkSpace = function (files) {
           var _this = this;
           this.payloadList = [];
           files.map(function (file) {
               var param = {
-                  "fileindex": 0,
-                  "fileName": file.staticData.title,
-                  "batchid": file.batch.blob['upload-batch'],
-                  "description": _this.fileForm.controls.description.value
+                  fileindex: 0,
+                  fileName: file.staticData.title,
+                  batchid: file.batch.blob['upload-batch'],
+                  description: _this.fileForm.controls.description.value
               };
               _this.payloadList.push({ params: param, originFile: file });
           });
       };
-      CreateModalComponent.prototype.tryAgainCreateDocument = function () {
-          this.uploadMangmentService.uploadFilesMangment(this.uploadMangmentService.failedFiles);
-      };
       CreateModalComponent.prototype.constructPayLoad = function (files) {
           var _this = this;
           this.payloadList = [];
@@ -22576,18 +22605,18 @@
               var props = _this.dynamicFormService.constructDynamicFormPayload(file.dynamicData.data ? file.dynamicData.data : {}, file.dynamicForm);
               var staticFormData = _this.mappingStaticData(file.staticData);
               var param = {
-                  "document": {
-                      "type": file.fileType.type,
-                      "name": file.staticData.title,
-                      "properties": Object.assign(Object.assign(Object.assign({}, props), staticFormData), { "file:content": {
-                              "upload-batch": file.batch.blob['upload-batch'],
-                              "upload-fileId": file.batch.blob['upload-fileId'],
-                              "mime-type": file.type
+                  document: {
+                      type: file.fileType.type,
+                      name: file.staticData.title,
+                      properties: Object.assign(Object.assign(Object.assign({}, props), staticFormData), { 'file:content': {
+                              'upload-batch': file.batch.blob['upload-batch'],
+                              'upload-fileId': file.batch.blob['upload-fileId'],
+                              'mime-type': file.type
                           } })
                   }
               };
               if (file.fileType.documentCode) {
-                  param["documentTypeCode"] = file.fileType.documentCode;
+                  param['documentTypeCode'] = file.fileType.documentCode;
               }
               _this.payloadList.push({ params: param, originFile: file });
           });
@@ -22596,13 +22625,14 @@
           if (data.gdocumentDate && data.gdocumentDate !== null) {
               moment__namespace.locale('en');
               data['hdocumentDate'] = this.dateHelperService.gregorianToHijri(data.gdocumentDate, 'iYYYY-iMM-iDD');
-              data.gdocumentDate = (moment__namespace(data.gdocumentDate).format("YYYY-MM-DDT00:00:00.000") + "Z");
+              data.gdocumentDate =
+                  moment__namespace(data.gdocumentDate).format('YYYY-MM-DDT00:00:00.000') + 'Z';
           }
           return this.adapeter.adaptOut(data, this.staticFormFields);
       };
       CreateModalComponent.prototype.selectFile = function (file) {
           var _this = this;
-          console.log("file in select", file);
+          console.log('file in select', file);
           this.showStaticForm = false;
           this.agencyNameFilter = undefined;
           this.countryNameFilter = undefined;
@@ -22614,8 +22644,13 @@
               this.showRenderer = false;
               // check if file has properties of adding properties or not then add it to him
               if (!file.hasOwnProperty('fileType')) {
-                  this.dynamicFormService.getDynamicForm(this.fileType.documentCode ? this.fileType.documentCode : this.fileType.type).subscribe(function (res) {
-                      file['fileType'] = _this.source === 'fileManger' ? _this.fileType : {};
+                  this.dynamicFormService
+                      .getDynamicForm(this.fileType.documentCode
+                      ? this.fileType.documentCode
+                      : this.fileType.type)
+                      .subscribe(function (res) {
+                      file['fileType'] =
+                          _this.source === 'fileManger' ? _this.fileType : {};
                       file['dynamicForm'] = res;
                       file['dynamicData'] = {};
                       file['staticFormValid'] = _this.usingExtraFields ? false : true;
@@ -22627,7 +22662,8 @@
                       }
                       _this.fileForm.patchValue(_this.selectedFile['staticData']);
                       _this.temporaryDyanmicData = {};
-                      _this.temporaryDyanmicData = _this.selectedFile.dynamicData.data ? Object.assign({}, _this.selectedFile.dynamicData.data) : {};
+                      _this.temporaryDyanmicData = _this.selectedFile.dynamicData.data
+                          ? Object.assign({}, _this.selectedFile.dynamicData.data) : {};
                       setTimeout(function () {
                           _this.showRenderer = true;
                           _this.showStaticForm = true;
@@ -22635,12 +22671,19 @@
                       //console.log(file);
                       if (!_this.fileFormSubscription) {
                           setTimeout(function () {
-                              _this.fileFormSubscription = _this.fileForm.valueChanges.subscribe(function (res) {
-                                  _this.selectedFile.staticFormValid = _this.fileForm ? _this.fileForm.valid : false;
-                                  _this.selectedFile.staticData = _this.fileForm ? _this.fileForm.value : {};
-                              });
+                              _this.fileFormSubscription =
+                                  _this.fileForm.valueChanges.subscribe(function (res) {
+                                      _this.selectedFile.staticFormValid = _this.fileForm
+                                          ? _this.fileForm.valid
+                                          : false;
+                                      _this.selectedFile.staticData = _this.fileForm
+                                          ? _this.fileForm.value
+                                          : {};
+                                  });
                               if (_this.fileForm.get('agencyCategoryCode')) {
-                                  _this.agencyCategCodeSubscription = _this.fileForm.get('agencyCategoryCode').valueChanges.subscribe(function (res) {
+                                  _this.agencyCategCodeSubscription = _this.fileForm
+                                      .get('agencyCategoryCode')
+                                      .valueChanges.subscribe(function (res) {
                                       _this.fileForm.get('agencyName').setValue(null);
                                       _this.agencyNameFilter = {
                                           category: res
@@ -22648,7 +22691,9 @@
                                   });
                               }
                               if (_this.fileForm.get('countryCategoryCode')) {
-                                  _this.countryCategCodeSubscription = _this.fileForm.get('countryCategoryCode').valueChanges.subscribe(function (res) {
+                                  _this.countryCategCodeSubscription = _this.fileForm
+                                      .get('countryCategoryCode')
+                                      .valueChanges.subscribe(function (res) {
                                       _this.fileForm.get('countryName').setValue(null);
                                       _this.countryNameFilter = {
                                           category: res
@@ -22676,7 +22721,9 @@
                       };
                   }
                   this.temporaryDyanmicData = {};
-                  this.temporaryDyanmicData = this.selectedFile.dynamicData.data ? this.selectedFile.dynamicData.data : {};
+                  this.temporaryDyanmicData = this.selectedFile.dynamicData.data
+                      ? this.selectedFile.dynamicData.data
+                      : {};
                   setTimeout(function () {
                       _this.showRenderer = true;
                       _this.showStaticForm = true;
@@ -22684,11 +22731,17 @@
                   if (!this.fileFormSubscription) {
                       setTimeout(function () {
                           _this.fileFormSubscription = _this.fileForm.valueChanges.subscribe(function (res) {
-                              _this.selectedFile.staticFormValid = _this.fileForm ? _this.fileForm.valid : false;
-                              _this.selectedFile.staticData = _this.fileForm ? _this.fileForm.value : {};
+                              _this.selectedFile.staticFormValid = _this.fileForm
+                                  ? _this.fileForm.valid
+                                  : false;
+                              _this.selectedFile.staticData = _this.fileForm
+                                  ? _this.fileForm.value
+                                  : {};
                           });
                           if (_this.fileForm.get('agencyCategoryCode')) {
-                              _this.agencyCategCodeSubscription = _this.fileForm.get('agencyCategoryCode').valueChanges.subscribe(function (res) {
+                              _this.agencyCategCodeSubscription = _this.fileForm
+                                  .get('agencyCategoryCode')
+                                  .valueChanges.subscribe(function (res) {
                                   _this.fileForm.get('agencyName').setValue(null);
                                   _this.agencyNameFilter = {
                                       category: res
@@ -22696,7 +22749,9 @@
                               });
                           }
                           if (_this.fileForm.get('countryCategoryCode')) {
-                              _this.countryCategCodeSubscription = _this.fileForm.get('countryCategoryCode').valueChanges.subscribe(function (res) {
+                              _this.countryCategCodeSubscription = _this.fileForm
+                                  .get('countryCategoryCode')
+                                  .valueChanges.subscribe(function (res) {
                                   _this.fileForm.get('countryName').setValue(null);
                                   _this.countryNameFilter = {
                                       category: res
@@ -22718,9 +22773,6 @@
               this.selectedFile.dynamicData = Object.assign({}, dynamicData);
           }
       };
-      CreateModalComponent.prototype.minimizDialog = function () {
-          this.dialogRef.close(true);
-      };
       CreateModalComponent.prototype.removeItem = function (item, listofFiles) {
           var removeIndex = listofFiles.findIndex(function (file) { return file.name === item.name; });
           listofFiles.splice(removeIndex, 1);
@@ -22734,33 +22786,14 @@
               // this.selectedFile = null;
           }
       };
-      CreateModalComponent.prototype.ApplyChangesToAll = function () {
-          var _this = this;
-          this.uploadMangmentService.uploadedFilesStatus.uploadedFiles.map(function (file) {
-              var title = file['staticData'] ? file['staticData']['title'] : file.name;
-              file['fileType'] = _this.selectedFile.fileType;
-              file['dynamicForm'] = _this.selectedFile.dynamicForm;
-              file['dynamicData'] = _this.selectedFile.dynamicData;
-              file['staticFormValid'] = _this.selectedFile.staticFormValid;
-              file['staticData'] = Object.assign({}, _this.fileForm.value);
-              file['staticData']['title'] = title;
-          });
-          this.uploadMangmentService.uploadedFilesStatus.allfiles.map(function (file) {
-              var title = file['staticData'] ? file['staticData']['title'] : file.name;
-              file['fileType'] = _this.selectedFile.fileType;
-              file['dynamicForm'] = _this.selectedFile.dynamicForm;
-              file['dynamicData'] = _this.selectedFile.dynamicData;
-              file['staticFormValid'] = _this.selectedFile.staticFormValid;
-              file['staticData'] = Object.assign({}, _this.fileForm.value);
-              file['staticData']['title'] = title;
-          });
-      };
       CreateModalComponent.prototype.checkValidation = function () {
           var validation = true;
-          this.uploadMangmentService.uploadedFilesStatus.uploadedFiles.map(function (file) {
+          this.uploadMangmentService.uploadedFilesStatus.uploadedFiles.forEach(function (file) {
               var _a, _b;
-              console.log("file", file);
-              if (!file.hasOwnProperty('fileType') || file['staticFormValid'] === false || ((_b = (_a = file.dynamicData) === null || _a === void 0 ? void 0 : _a.originalEvent) === null || _b === void 0 ? void 0 : _b.isValid) === false) {
+              console.log('file', file);
+              if (!file.hasOwnProperty('fileType') ||
+                  file['staticFormValid'] === false ||
+                  ((_b = (_a = file.dynamicData) === null || _a === void 0 ? void 0 : _a.originalEvent) === null || _b === void 0 ? void 0 : _b.isValid) === false) {
                   file['generalValidationValid'] = false;
                   validation = false;
               }
@@ -22770,7 +22803,8 @@
           });
           this.uploadMangmentService.uploadedFilesStatus.allfiles.map(function (file) {
               var _a, _b;
-              if (file['staticFormValid'] === false || ((_b = (_a = file.dynamicData) === null || _a === void 0 ? void 0 : _a.originalEvent) === null || _b === void 0 ? void 0 : _b.isValid) === false) {
+              if (file['staticFormValid'] === false ||
+                  ((_b = (_a = file.dynamicData) === null || _a === void 0 ? void 0 : _a.originalEvent) === null || _b === void 0 ? void 0 : _b.isValid) === false) {
                   file['generalValidationValid'] = false;
                   validation = false;
               }
@@ -22782,14 +22816,17 @@
       };
       CreateModalComponent.prototype.ngOnDestroy = function () {
           this.fileFormSubscription ? this.fileFormSubscription.unsubscribe() : '';
-          this.langSubscription ? this.langSubscription.unsubscribe() : '';
-          this.countryCategCodeSubscription ? this.countryCategCodeSubscription.unsubscribe() : '';
-          this.agencyCategCodeSubscription ? this.agencyCategCodeSubscription.unsubscribe() : '';
+          this.countryCategCodeSubscription
+              ? this.countryCategCodeSubscription.unsubscribe()
+              : '';
+          this.agencyCategCodeSubscription
+              ? this.agencyCategCodeSubscription.unsubscribe()
+              : '';
       };
       return CreateModalComponent;
-  }());
-  CreateModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CreateModalComponent, deps: [{ token: i1$4.MAT_DIALOG_DATA }, { token: i1__namespace$3.MatDialogRef }, { token: UploadManagmentService }, { token: DialogMangmentService }, { token: FileManagerService }, { token: CustomToastrService }, { token: i6__namespace.FormBuilder }, { token: AdapterService }, { token: FileManagerService }, { token: AppConfigService }, { token: DateHelperService }, { token: TranslationService }, { token: UserService }, { token: NuxeoService }, { token: 'environment' }, { token: DynamicFormService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  CreateModalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CreateModalComponent, selector: "app-create-modal", host: { listeners: { "document:keyup.enter": "KeyUpEvent($event)" } }, ngImport: i0__namespace, template: "<div class=\"relative w-full h-full\">\r\n    <div class=\"iner-wrapper\" [ngClass]=\"{ 'd-flex': addingProperties }\">\r\n        <div *ngIf=\"addingProperties\" class=\"properties-section p-3 overflow-x-hidden overflow-y-auto\">\r\n            <div class=\"\" *ngIf=\"selectedFile && source === 'fileManger' && showStaticForm\">\r\n                <div class=\"mb-5\">\r\n                    <div class=\"label-style\">\r\n                        {{ \"CREATE.FILE_TYPE\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-base text-gray-900\">{{ isArabic ? fileType.arabicText : fileType.englishText }}\r\n                    </div>\r\n                </div>\r\n                <div class=\"file-fields mt-3\" SetRtl>\r\n                    <form [formGroup]=\"fileForm\">\r\n                        <!-- -----------------old static form ---------------------- -->\r\n                        <div>\r\n                            <div class=\"single-field mb-3\">\r\n                                <div class=\"label-style\">\r\n                                    {{ \"CREATE.TITLE\" | translate\r\n                                    }}<span class=\"text-red-500\">*</span>\r\n                                </div>\r\n                                <input class=\"\r\n                                 field-style\r\n                                     \" formControlName=\"title\" placeholder=\" {{ 'CREATE.TITLE' | translate}}\" />\r\n                            </div>\r\n                            <div class=\"single-field mb-3\">\r\n                                <div class=\"label-style\">\r\n                                    {{ \"CREATE.DESCRIPTION\" | translate }}\r\n                                </div>\r\n                                <input class=\"field-style\" formControlName=\"description\"\r\n                                    placeholder=\" {{ 'CREATE.DESCRIPTION' | translate}}\" />\r\n                            </div>\r\n                        </div>\r\n                        <!-- ---------------------------------- -->\r\n\r\n                        <!------------------ new statis form  ---------------------------->\r\n                        <div *ngIf=\"usingExtraFields\">\r\n                            <app-dynamic-fields-renderer [form]=\"fileForm\" [agencyNameFilter]=\"agencyNameFilter\"\r\n                                [countryNameFilter]=\"countryNameFilter\"></app-dynamic-fields-renderer>\r\n                        </div>\r\n                    </form>\r\n\r\n                    <div class=\"dynamic-part\" *ngIf=\"showRenderer\">\r\n                        <app-dynamic-form [form]=\"selectedFile.dynamicForm\" [data]=\"temporaryDyanmicData\"\r\n                            (change)=\"ondynamicFormChange($event)\"></app-dynamic-form>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"\r\n                    w-full\r\n                    h-full\r\n                    p-3\r\n                    flex\r\n                    justify-center\r\n                    items-center\r\n                    text-lg text-gray-900\"\r\n                    *ngIf=\"!selectedFile\">\r\n                {{ \"CREATE.SELECT_TOSTART_ADDING\" | translate }}\r\n            </div>\r\n            \r\n        </div>\r\n        <div class=\"attachment-tab-body overflow-hidden\" [ngClass]=\"{ 'attachment-iner-small-body': addingProperties }\">\r\n            <app-attachments [multiple]=\"true\" (onSelectingItem)=\"selectFile($event)\"></app-attachments>\r\n        </div>\r\n    </div>\r\n    <div class=\"w-full text-red-500 text-base text-start px-3\" *ngIf=\"!uploadMangmentService.GeneralFormValidation\">\r\n\r\n        {{ \"CREATE.FILL_REQUIRED_FIELD\" | translate }}\r\n    </div>\r\n    <div class=\"actions-iner-wrapper w-full flex justify-between items-center absolute bottom-0\">\r\n        <div class=\"flex\">\r\n            <button *ngIf=\"\r\n                    (uploadMangmentService.uploadedFilesStatus\r\n                        .uploadInProgress ||\r\n                        uploadMangmentService.uploadedFilesStatus.uploadedFiles\r\n                            .length > 0) &&\r\n                    !addingProperties\r\n                \" (click)=\"startAddingProperties()\" class=\"submission-button\">\r\n                {{ \"BUTTONS.ADD_PROPERTIES\" | translate }}\r\n            </button>\r\n            <button *ngIf=\"\r\n                    addingProperties &&\r\n                    uploadMangmentService.uploadedFilesStatus.uploadedFiles\r\n                        .length +\r\n                        uploadMangmentService.uploadedFilesStatus.allfiles\r\n                            .length >\r\n                        1\r\n                \" (click)=\"ApplyChangesToAll()\" [disabled]=\"!selectedFile || !selectedFile.staticFormValid\" [ngClass]=\"{\r\n                    'opacity-30 cursor-not-allowed':\r\n                        !selectedFile || !selectedFile.staticFormValid,\r\n                    'cursor-pointer hover:text-white hover:bg-gray-900': !(\r\n                        !selectedFile || !selectedFile.staticFormValid\r\n                    )\r\n                }\" class=\"submission-button mx-2\">\r\n                {{ \"BUTTONS.APPLY_TO_ALL\" | translate }}\r\n            </button>\r\n\r\n            <ng-container *ngIf=\"\r\n            addingProperties &&\r\n            !uploadMangmentService.uploadedFilesStatus.uploadInProgress &&\r\n            uploadMangmentService.failedFiles.length === 0\r\n        \">\r\n                <button (click)=\"createDocument()\" class=\"submission-button relative\" [disabled]=\"creating\">\r\n                    <span *ngIf=\"!creating; else loader\">{{ \"BUTTONS.CREATE\" | translate }}</span>\r\n                </button>\r\n                <ng-template #loader>\r\n                    <mat-spinner [value]=\"90\" [strokeWidth]=\"3\" overlay=\"true\" [diameter]=\"25\" color=\"warn\">\r\n                    </mat-spinner>\r\n                </ng-template>\r\n            </ng-container>\r\n\r\n            <button *ngIf=\"\r\n            addingProperties &&\r\n            !uploadMangmentService.uploadedFilesStatus.uploadInProgress &&\r\n            uploadMangmentService.failedFiles.length > 0\r\n        \" (click)=\"tryAgainCreateDocument()\" class=\"submission-button\">\r\n                {{ \"BUTTONS.TRY_AGAIN\" | translate }}\r\n            </button>\r\n\r\n            <button [disabled]=\"!fileForm?.valid || disableCreateWhenFinishBtn\" *ngIf=\"\r\n                    addingProperties &&\r\n                    uploadMangmentService.uploadedFilesStatus.uploadInProgress\r\n                \" (click)=\"createWhenFinish()\" class=\"submission-button w-44\">\r\n                {{ \"BUTTONS.CREATE_WHEN_FINSH\" | translate }}\r\n            </button>\r\n        </div>\r\n        <div class=\"flex\">\r\n            <button class=\"cancelation-button mx-2\" (click)=\"minimizDialog()\" *ngIf=\"\r\n                    uploadMangmentService.uploadedFilesStatus\r\n                        .uploadInProgress ||\r\n                    uploadMangmentService.uploadedFilesStatus\r\n                        .numberOfUploadedFiles !== 0 ||\r\n                    addingProperties\r\n                \">\r\n                {{ \"BUTTONS.MINIMIZED\" | translate }}\r\n            </button>\r\n            <button class=\"cancelation-button\" (click)=\"closeDialog()\">\r\n                {{ \"BUTTONS.CANCEL\" | translate }}\r\n            </button>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".dynamic-part{margin-left:-15px;margin-right:-15px}.iner-wrapper{height:calc(100% - 70px)}.iner-wrapper .properties-section{width:calc(100% - 270px);height:calc(100% - 15px)}.iner-wrapper .attachment-tab-body{height:calc(100% - -20px);overflow-y:auto;overflow-x:hidden}.iner-wrapper .attachment-iner-small-body{width:350px}.rtl .actions-iner-wrapper{direction:ltr}.actions-iner-wrapper{direction:rtl}\n"], components: [{ type: DynamicFieldsRendererComponent, selector: "app-dynamic-fields-renderer", inputs: ["form", "agencyNameFilter", "countryNameFilter", "mode", "fields"] }, { type: DynamicFormComponent, selector: "app-dynamic-form", inputs: ["form", "data", "readOnly"], outputs: ["change"] }, { type: AttachmentsComponent, selector: "app-attachments", inputs: ["allowedTypes", "params", "path", "maxSize", "docParams", "multiple", "createDocument", "allowedMaxNumberOfFiles", "source"], outputs: ["uploadSuccess", "uploadError", "onSelectingItem", "itemRemoved"] }, { type: i8__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i4__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: SetRtlDirective, selector: "[SetRtl]" }, { type: i6__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
+  }(BaseDialogComponent));
+  CreateModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CreateModalComponent, deps: [{ token: i1$4.MAT_DIALOG_DATA }, { token: UploadManagmentService }, { token: DialogMangmentService }, { token: FileManagerService }, { token: CustomToastrService }, { token: i6__namespace.FormBuilder }, { token: AdapterService }, { token: FileManagerService }, { token: AppConfigService }, { token: DateHelperService }, { token: UserService }, { token: 'environment' }, { token: i0__namespace.Injector }, { token: DynamicFormService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  CreateModalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CreateModalComponent, selector: "app-create-modal", host: { listeners: { "document:keyup.enter": "KeyUpEvent($event)" } }, usesInheritance: true, ngImport: i0__namespace, template: "<ndf-nuxeo-dialog dialogTitle=\"{{ 'CREATE.createFile' | translate }}\">\r\n\t<ng-template #contentTemplate>\r\n\t\t<div class=\"relative w-full h-full\">\r\n\t\t\t<div class=\"iner-wrapper\" [ngClass]=\"{ 'd-flex': addingProperties }\">\r\n\t\t\t\t<div\r\n\t\t\t\t\t*ngIf=\"addingProperties\"\r\n\t\t\t\t\tclass=\"properties-section p-3 overflow-x-hidden overflow-y-auto\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"\"\r\n\t\t\t\t\t\t*ngIf=\"selectedFile && source === 'fileManger' && showStaticForm\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<div class=\"mb-5\">\r\n\t\t\t\t\t\t\t<div class=\"label-style\">\r\n\t\t\t\t\t\t\t\t{{ 'CREATE.FILE_TYPE' | translate }}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"text-base text-gray-900\">\r\n\t\t\t\t\t\t\t\t{{ isArabic ? fileType.arabicText : fileType.englishText }}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"file-fields mt-3\" SetRtl>\r\n\t\t\t\t\t\t\t<form [formGroup]=\"fileForm\">\r\n\t\t\t\t\t\t\t\t<!-- -----------------old static form ---------------------- -->\r\n\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"single-field mb-3\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"label-style\">\r\n\t\t\t\t\t\t\t\t\t\t\t{{ 'CREATE.TITLE' | translate\r\n\t\t\t\t\t\t\t\t\t\t\t}}<span class=\"text-red-500\">*</span>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"field-style\"\r\n\t\t\t\t\t\t\t\t\t\t\tformControlName=\"title\"\r\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\" {{ 'CREATE.TITLE' | translate }}\"\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"single-field mb-3\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"label-style\">\r\n\t\t\t\t\t\t\t\t\t\t\t{{ 'CREATE.DESCRIPTION' | translate }}\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"field-style\"\r\n\t\t\t\t\t\t\t\t\t\t\tformControlName=\"description\"\r\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\" {{ 'CREATE.DESCRIPTION' | translate }}\"\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<!-- ---------------------------------- -->\r\n\r\n\t\t\t\t\t\t\t\t<!------------------ new statis form  ---------------------------->\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"usingExtraFields\">\r\n\t\t\t\t\t\t\t\t\t<app-dynamic-fields-renderer\r\n\t\t\t\t\t\t\t\t\t\t[form]=\"fileForm\"\r\n\t\t\t\t\t\t\t\t\t\t[agencyNameFilter]=\"agencyNameFilter\"\r\n\t\t\t\t\t\t\t\t\t\t[countryNameFilter]=\"countryNameFilter\"\r\n\t\t\t\t\t\t\t\t\t></app-dynamic-fields-renderer>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</form>\r\n\r\n\t\t\t\t\t\t\t<div class=\"dynamic-part\" *ngIf=\"showRenderer\">\r\n\t\t\t\t\t\t\t\t<app-dynamic-form\r\n\t\t\t\t\t\t\t\t\t[form]=\"selectedFile.dynamicForm\"\r\n\t\t\t\t\t\t\t\t\t[data]=\"temporaryDyanmicData\"\r\n\t\t\t\t\t\t\t\t\t(change)=\"ondynamicFormChange($event)\"\r\n\t\t\t\t\t\t\t\t></app-dynamic-form>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"w-full h-full p-3 flex justify-center items-center text-lg text-gray-900\"\r\n\t\t\t\t\t\t*ngIf=\"!selectedFile\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{{ 'CREATE.SELECT_TOSTART_ADDING' | translate }}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"attachment-tab-body overflow-hidden\"\r\n\t\t\t\t\t[ngClass]=\"{ 'attachment-iner-small-body': addingProperties }\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<app-attachments\r\n\t\t\t\t\t\t[multiple]=\"true\"\r\n\t\t\t\t\t\t(onSelectingItem)=\"selectFile($event)\"\r\n\t\t\t\t\t></app-attachments>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"w-full text-red-500 text-base text-start px-3\"\r\n\t\t\t\t*ngIf=\"!uploadMangmentService.GeneralFormValidation\"\r\n\t\t\t>\r\n\t\t\t\t{{ 'CREATE.FILL_REQUIRED_FIELD' | translate }}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</ng-template>\r\n\r\n\t<ng-template #actionsTemplate let-dialog=\"dialog\">\r\n\t\t<!-- WAS_IN_FLEX_DIV -->\r\n\t\t<button\r\n\t\t\t*ngIf=\"\r\n\t\t\t\t(uploadMangmentService.uploadedFilesStatus.uploadInProgress ||\r\n\t\t\t\t\tuploadMangmentService.uploadedFilesStatus.uploadedFiles.length > 0) &&\r\n\t\t\t\t!addingProperties\r\n\t\t\t\"\r\n\t\t\t(click)=\"dialog.executeAction(startAddingProperties)\"\r\n\t\t\tclass=\"submission-button\"\r\n\t\t>\r\n\t\t\t{{ 'BUTTONS.ADD_PROPERTIES' | translate }}\r\n\t\t</button>\r\n\t\t<button\r\n\t\t\t*ngIf=\"\r\n\t\t\t\taddingProperties &&\r\n\t\t\t\tuploadMangmentService.uploadedFilesStatus.uploadedFiles.length +\r\n\t\t\t\t\tuploadMangmentService.uploadedFilesStatus.allfiles.length >\r\n\t\t\t\t\t1\r\n\t\t\t\"\r\n\t\t\t(click)=\"dialog.executeAction(ApplyChangesToAll)\"\r\n\t\t\t[disabled]=\"!selectedFile || !selectedFile.staticFormValid\"\r\n\t\t\t[ngClass]=\"{\r\n\t\t\t\t'opacity-30 cursor-not-allowed':\r\n\t\t\t\t\t!selectedFile || !selectedFile.staticFormValid,\r\n\t\t\t\t'cursor-pointer hover:text-white hover:bg-gray-900': !(\r\n\t\t\t\t\t!selectedFile || !selectedFile.staticFormValid\r\n\t\t\t\t)\r\n\t\t\t}\"\r\n\t\t\tclass=\"submission-button mx-2\"\r\n\t\t>\r\n\t\t\t{{ 'BUTTONS.APPLY_TO_ALL' | translate }}\r\n\t\t</button>\r\n\t\t<!-- WAS_IN_FLEX_DIV -->\r\n\r\n\t\t<ng-container\r\n\t\t\t*ngIf=\"\r\n\t\t\t\taddingProperties &&\r\n\t\t\t\t!uploadMangmentService.uploadedFilesStatus.uploadInProgress &&\r\n\t\t\t\tuploadMangmentService.failedFiles.length === 0\r\n\t\t\t\"\r\n\t\t>\r\n\t\t\t<button\r\n\t\t\t\t(click)=\"dialog.executeAction(createDocument)\"\r\n\t\t\t\tclass=\"submission-button relative\"\r\n\t\t\t\t[disabled]=\"creating\"\r\n\t\t\t>\r\n\t\t\t\t<span *ngIf=\"!creating; else loader\">{{\r\n\t\t\t\t\t'BUTTONS.CREATE' | translate\r\n\t\t\t\t}}</span>\r\n\t\t\t</button>\r\n\t\t\t<ng-template #loader>\r\n\t\t\t\t<mat-spinner\r\n\t\t\t\t\t[value]=\"90\"\r\n\t\t\t\t\t[strokeWidth]=\"3\"\r\n\t\t\t\t\toverlay=\"true\"\r\n\t\t\t\t\t[diameter]=\"25\"\r\n\t\t\t\t\tcolor=\"warn\"\r\n\t\t\t\t>\r\n\t\t\t\t</mat-spinner>\r\n\t\t\t</ng-template>\r\n\t\t</ng-container>\r\n\r\n\t\t<button\r\n\t\t\t*ngIf=\"\r\n\t\t\t\taddingProperties &&\r\n\t\t\t\t!uploadMangmentService.uploadedFilesStatus.uploadInProgress &&\r\n\t\t\t\tuploadMangmentService.failedFiles.length > 0\r\n\t\t\t\"\r\n\t\t\t(click)=\"dialog.executeAction(tryAgainCreateDocument)\"\r\n\t\t\tclass=\"submission-button\"\r\n\t\t>\r\n\t\t\t{{ 'BUTTONS.TRY_AGAIN' | translate }}\r\n\t\t</button>\r\n\r\n\t\t<button\r\n\t\t\t[disabled]=\"!fileForm?.valid || disableCreateWhenFinishBtn\"\r\n\t\t\t*ngIf=\"\r\n\t\t\t\taddingProperties &&\r\n\t\t\t\tuploadMangmentService.uploadedFilesStatus.uploadInProgress\r\n\t\t\t\"\r\n\t\t\t(click)=\"dialog.executeAction(createWhenFinish)\"\r\n\t\t\tclass=\"submission-button w-44\"\r\n\t\t>\r\n\t\t\t{{ 'BUTTONS.CREATE_WHEN_FINSH' | translate }}\r\n\t\t</button>\r\n\r\n\t\t<!-- WAS_IN_FLEX_DIV -->\r\n\t\t<button\r\n\t\t\tclass=\"cancelation-button mx-2\"\r\n\t\t\t(click)=\"dialog.executeAction(minimizDialog)\"\r\n\t\t\t*ngIf=\"\r\n\t\t\t\tuploadMangmentService.uploadedFilesStatus.uploadInProgress ||\r\n\t\t\t\tuploadMangmentService.uploadedFilesStatus.numberOfUploadedFiles !== 0 ||\r\n\t\t\t\taddingProperties\r\n\t\t\t\"\r\n\t\t>\r\n\t\t\t{{ 'BUTTONS.MINIMIZED' | translate }}\r\n\t\t</button>\r\n\t\t<!-- <button class=\"cancelation-button\" (click)=\" dialog.executeAction(closeDialog)\">\r\n{{ 'BUTTONS.CANCEL' | translate }}\r\n</button> -->\r\n\t</ng-template>\r\n</ndf-nuxeo-dialog>\r\n", styles: [".dynamic-part{margin-left:-15px;margin-right:-15px}.iner-wrapper{height:calc(100% - 70px)}.iner-wrapper .properties-section{width:calc(100% - 270px);height:calc(100% - 15px)}.iner-wrapper .attachment-tab-body{height:calc(100% - -20px);overflow-y:auto;overflow-x:hidden}.iner-wrapper .attachment-iner-small-body{width:350px}.rtl .actions-iner-wrapper{direction:ltr}.actions-iner-wrapper{direction:rtl}:host{height:100%;display:block}\n"], components: [{ type: NdfNuxeoDialog, selector: "ndf-nuxeo-dialog", inputs: ["dialogTitle", "subTitle", "loaderMode"] }, { type: DynamicFieldsRendererComponent, selector: "app-dynamic-fields-renderer", inputs: ["form", "agencyNameFilter", "countryNameFilter", "mode", "fields"] }, { type: DynamicFormComponent, selector: "app-dynamic-form", inputs: ["form", "data", "readOnly"], outputs: ["change"] }, { type: AttachmentsComponent, selector: "app-attachments", inputs: ["allowedTypes", "params", "path", "maxSize", "docParams", "multiple", "createDocument", "allowedMaxNumberOfFiles", "source"], outputs: ["uploadSuccess", "uploadError", "onSelectingItem", "itemRemoved"] }, { type: i8__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i4__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: SetRtlDirective, selector: "[SetRtl]" }, { type: i6__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CreateModalComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -22801,10 +22838,10 @@
           return [{ type: undefined, decorators: [{
                           type: i0.Inject,
                           args: [i1$4.MAT_DIALOG_DATA]
-                      }] }, { type: i1__namespace$3.MatDialogRef }, { type: UploadManagmentService }, { type: DialogMangmentService }, { type: FileManagerService }, { type: CustomToastrService }, { type: i6__namespace.FormBuilder }, { type: AdapterService }, { type: FileManagerService }, { type: AppConfigService }, { type: DateHelperService }, { type: TranslationService }, { type: UserService }, { type: NuxeoService }, { type: undefined, decorators: [{
+                      }] }, { type: UploadManagmentService }, { type: DialogMangmentService }, { type: FileManagerService }, { type: CustomToastrService }, { type: i6__namespace.FormBuilder }, { type: AdapterService }, { type: FileManagerService }, { type: AppConfigService }, { type: DateHelperService }, { type: UserService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
-                      }] }, { type: DynamicFormService }];
+                      }] }, { type: i0__namespace.Injector }, { type: DynamicFormService }];
       }, propDecorators: { KeyUpEvent: [{
                   type: i0.HostListener,
                   args: ['document:keyup.enter', ['$event']]
@@ -28501,7 +28538,8 @@
           i6.FormsModule,
           DisplaySuitableIconModule,
           i4$3.MatProgressBarModule,
-          i7$1.MatCheckboxModule], exports: [SidepanelComponent,
+          i7$1.MatCheckboxModule,
+          NuxeoDialogModule], exports: [SidepanelComponent,
           CopyComponent,
           DeleteComponent,
           MoveComponent,
@@ -28571,7 +28609,8 @@
               i6.FormsModule,
               DisplaySuitableIconModule,
               i4$3.MatProgressBarModule,
-              i7$1.MatCheckboxModule
+              i7$1.MatCheckboxModule,
+              NuxeoDialogModule
           ], i3$3.DxPopupModule,
           i3$3.DxScrollViewModule,
           i4$4.DxiToolbarItemModule,
@@ -28602,7 +28641,7 @@
                           TemplateModalComponent,
                           UpdateModalComponent,
                           ClipboardComponent,
-                          FileGridInfiniteScrollDirective,
+                          FileGridInfiniteScrollDirective
                       ],
                       imports: [
                           i4.CommonModule,
@@ -28647,7 +28686,8 @@
                           i6.FormsModule,
                           DisplaySuitableIconModule,
                           i4$3.MatProgressBarModule,
-                          i7$1.MatCheckboxModule
+                          i7$1.MatCheckboxModule,
+                          NuxeoDialogModule
                       ],
                       exports: [
                           SidepanelComponent,
@@ -28676,7 +28716,7 @@
                           i3$3.DxFormModule,
                           i3$3.DxTreeViewModule,
                           ClipboardComponent,
-                          FileGridInfiniteScrollDirective,
+                          FileGridInfiniteScrollDirective
                       ]
                   }]
           }] });