nuxeo-development-framework 4.0.9 → 4.1.1

package/fesm2015/nuxeo-development-framework.js

@@ -1814,7 +1814,7 @@ class NdfNuxeoDialog extends BaseComponent {
     }
 }
 NdfNuxeoDialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfNuxeoDialog, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-NdfNuxeoDialog.ɵcmp = i0.ɵɵ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, 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$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: SetDirRtlDirective, selector: "[SetDirRtl]" }, { type: i2$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { type: i4$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "translate": i1.TranslatePipe } });
+NdfNuxeoDialog.ɵcmp = i0.ɵɵ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, 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$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: SetDirRtlDirective, selector: "[SetDirRtl]" }, { type: i2$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { type: i4$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "translate": i1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfNuxeoDialog, decorators: [{
             type: Component,
             args: [{
@@ -5657,7 +5657,7 @@ class CorrespondenceRelationListComponent {
     }
 }
 CorrespondenceRelationListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CorrespondenceRelationListComponent, deps: [{ token: CorrespondenceRelationService }, { token: i1$3.MatDialog }, { token: ViewerFilesService }, { token: DocumentsService }, { token: AdapterService }], target: i0.ɵɵFactoryTarget.Component });
-CorrespondenceRelationListComponent.ɵcmp = i0.ɵɵ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, 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$3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i6$3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight"] }, { type: i2$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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6$3.MatAccordion, selector: "mat-accordion", inputs: ["multi", "displayMode", "togglePosition", "hideToggle"], exportAs: ["matAccordion"] }, { type: i6$3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i6$3.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }], pipes: { "translate": i1.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
+CorrespondenceRelationListComponent.ɵcmp = i0.ɵɵ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, 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$3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i6$3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight"] }, { type: i2$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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6$3.MatAccordion, selector: "mat-accordion", inputs: ["multi", "displayMode", "togglePosition", "hideToggle"], exportAs: ["matAccordion"] }, { type: i6$3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i6$3.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }], pipes: { "translate": i1.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CorrespondenceRelationListComponent, decorators: [{
             type: Component,
             args: [{
@@ -14557,6 +14557,7 @@ class AttachmentsListComponent {
         this.batchList = false;
         this.dontDelete = false;
         this.canDelete = true;
+        this.keepFileExtension = false;
         this.deleteSuccess = new EventEmitter();
         this.documentsCount = new EventEmitter();
         this.onDestroy$ = new Subject();
@@ -14616,7 +14617,7 @@ class AttachmentsListComponent {
             classification: new FormControl(null),
             category: new FormControl(null),
             type: new FormControl('PDF'),
-            title: new FormControl(item.title.split('.').slice(0, -1).join('.')),
+            title: new FormControl(this.keepFileExtension ? item.title : item.title.split('.').slice(0, -1).join('.')),
             remarks: new FormControl(null),
             // isObject: new FormControl(false),
             extension: new FormControl(item.title.split('.').pop()),
@@ -14645,7 +14646,7 @@ class AttachmentsListComponent {
     }
 }
 AttachmentsListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AttachmentsListComponent, deps: [{ token: NuxeoService }], target: i0.ɵɵFactoryTarget.Component });
-AttachmentsListComponent.ɵcmp = i0.ɵɵ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, 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$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.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "translate": i1.TranslatePipe } });
+AttachmentsListComponent.ɵcmp = i0.ɵɵ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, 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$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.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "translate": i1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AttachmentsListComponent, decorators: [{
             type: Component,
             args: [{
@@ -14667,6 +14668,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], item: [{
                 type: Input
+            }], keepFileExtension: [{
+                type: Input
             }], deleteSuccess: [{
                 type: Output
             }], documentsCount: [{
@@ -20732,10 +20735,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 args: ['fileInput']
             }] } });
 
-class CreateModalComponent {
-    constructor(data, dialogRef, uploadMangmentService, dialogMangmentService, fileMangerService, tosterService, formBuilder, adapeter, fileManagerService, appConfService, dateHelperService, translationService, userService, nuxeoService, environment, dynamicFormService) {
+class CreateModalComponent extends BaseDialogComponent {
+    constructor(data, uploadMangmentService, dialogMangmentService, fileMangerService, tosterService, formBuilder, adapeter, fileManagerService, appConfService, dateHelperService, userService, environment, injector, dynamicFormService) {
+        super(injector);
         this.data = data;
-        this.dialogRef = dialogRef;
         this.uploadMangmentService = uploadMangmentService;
         this.dialogMangmentService = dialogMangmentService;
         this.fileMangerService = fileMangerService;
@@ -20745,9 +20748,7 @@ class CreateModalComponent {
         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;
@@ -20756,37 +20757,149 @@ class CreateModalComponent {
         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.createWhenFinish = () => {
+            this.createWhenFinishMode = true;
+            return this.minimizDialog();
+        };
+        this.startAddingProperties = () => {
+            //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((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((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 = () => {
+            var _a, _b;
+            this.creating = true;
+            this.uploadMangmentService.failedFiles = [];
+            this.uploadMangmentService.GeneralFormValidation = this.checkValidation();
+            if (this.uploadMangmentService.GeneralFormValidation) {
+                let apiCalls = [];
+                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((payload) => {
+                        apiCalls.push(this.fileMangerService.createFile(payload, this.fileManagerService.selectedFolderId, 'DMS.CreateDocumentFromBlob'));
+                    });
+                }
+                else {
+                    this.constructPayLoad(this.uploadMangmentService.uploadedFilesStatus.uploadedFiles);
+                    this.payloadList.forEach((payload) => {
+                        apiCalls.push(this.fileMangerService.createFile(payload, this.fileManagerService.selectedFolderId));
+                    });
+                }
+                return forkJoin(apiCalls).pipe(tap((response) => {
+                    this.creating = false;
+                    response.forEach((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 = [
+                            ...this.uploadMangmentService.failedFiles
+                        ];
+                    }
+                    else {
+                        this.fileMangerService.onRefreshingFileManger.next();
+                        this.tosterService.show('success', 'TOASTER.SUCCESS', 'TOASTER.FILE_CREATED_SUCCE');
+                        super.close(false);
+                        this.uploadMangmentService.resetStatus();
+                    }
+                }, (error) => {
+                    this.creating = false;
+                }));
+            }
+            else {
+                this.creating = false;
+                return of(null);
+            }
+        };
+        this.tryAgainCreateDocument = () => {
+            this.uploadMangmentService.uploadFilesMangment(this.uploadMangmentService.failedFiles);
+            return of(null);
+        };
+        this.minimizDialog = () => {
+            super.close(true);
+            return of(null);
+        };
+        this.ApplyChangesToAll = () => {
+            this.uploadMangmentService.uploadedFilesStatus.uploadedFiles.forEach((file) => {
+                let 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((file) => {
+                let 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 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(schemas => {
-            schemas.map(item => {
-                if (item.name === "generaldocument") {
+        this.fileManagerService
+            .getFileSchemas(this.fileType.type)
+            .subscribe((schemas) => {
+            schemas.map((item) => {
+                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
             });
         });
     }
     KeyUpEvent(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 {
@@ -20795,17 +20908,16 @@ class CreateModalComponent {
         }
     }
     ngOnInit() {
-        this.langSubscription = this.translationService.isArabic.subscribe(res => {
-            this.isArabic = res;
-        });
         if (this.uploadMangmentService.uploadFinishSubscription) {
             this.uploadMangmentService.uploadFinishSubscription.unsubscribe();
         }
-        this.uploadMangmentService.uploadFinishSubscription = this.uploadMangmentService.onUploadFinish.subscribe(res => {
-            if (this.createWhenFinishMode || this.uploadMangmentService.failedFiles.length > 0) {
-                this.createDocument();
-            }
-        });
+        this.uploadMangmentService.uploadFinishSubscription =
+            this.uploadMangmentService.onUploadFinish.subscribe((res) => {
+                if (this.createWhenFinishMode ||
+                    this.uploadMangmentService.failedFiles.length > 0) {
+                    this.createDocument();
+                }
+            });
     }
     initiatfileForm() {
         if (this.usingExtraFields) {
@@ -20831,43 +20943,16 @@ class CreateModalComponent {
                 description: ['']
             });
         }
-        this.staticFormFields = this.appConfService.myConfiguration.staticFormFields;
-    }
-    createWhenFinish() {
-        this.createWhenFinishMode = true;
-        this.minimizDialog();
+        this.staticFormFields =
+            this.appConfService.myConfiguration.staticFormFields;
     }
-    closeDialog() {
+    close() {
         this.uploadMangmentService.GeneralFormValidation = true;
         this.fileFormSubscription ? this.fileFormSubscription.unsubscribe() : '';
         this.addingProperties = false;
         this.uploadMangmentService.resetStatus();
-        this.dialogRef.close(false);
-    }
-    startAddingProperties() {
-        //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(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(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.close();
+        return of(null);
     }
     setStaticData(title) {
         if (this.usingExtraFields) {
@@ -20894,89 +20979,36 @@ class CreateModalComponent {
             };
         }
     }
-    createDocument() {
-        var _a, _b;
-        this.creating = true;
-        this.uploadMangmentService.failedFiles = [];
-        this.uploadMangmentService.GeneralFormValidation = this.checkValidation();
-        if (this.uploadMangmentService.GeneralFormValidation) {
-            let apiCalls = [];
-            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(payload => {
-                    apiCalls.push(this.fileMangerService.createFile(payload, this.fileManagerService.selectedFolderId, 'DMS.CreateDocumentFromBlob'));
-                });
-            }
-            else {
-                this.constructPayLoad(this.uploadMangmentService.uploadedFilesStatus.uploadedFiles);
-                this.payloadList.map(payload => {
-                    apiCalls.push(this.fileMangerService.createFile(payload, this.fileManagerService.selectedFolderId));
-                });
-            }
-            forkJoin(apiCalls).subscribe(response => {
-                //console.log(res);
-                this.creating = false;
-                response.map(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 = [...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();
-                }
-            }, error => {
-                this.creating = false;
-                // console.log(error);
-                // this.tosterService.show('error' , 'TOASTER.ERROR' , 'TOASTER.UPLOAD_ERROR');
-                // this.closeDialog();
-            });
-        }
-        else {
-            this.creating = false;
-        }
-    }
     constructPayLoadToWorkSpace(files) {
         this.payloadList = [];
-        files.map(file => {
+        files.map((file) => {
             let 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 });
         });
     }
-    tryAgainCreateDocument() {
-        this.uploadMangmentService.uploadFilesMangment(this.uploadMangmentService.failedFiles);
-    }
     constructPayLoad(files) {
         this.payloadList = [];
-        files.map(file => {
+        files.map((file) => {
             let props = this.dynamicFormService.constructDynamicFormPayload(file.dynamicData.data ? file.dynamicData.data : {}, file.dynamicForm);
             let staticFormData = this.mappingStaticData(file.staticData);
             let 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 });
         });
@@ -20985,12 +21017,13 @@ class CreateModalComponent {
         if (data.gdocumentDate && data.gdocumentDate !== null) {
             moment$4.locale('en');
             data['hdocumentDate'] = this.dateHelperService.gregorianToHijri(data.gdocumentDate, 'iYYYY-iMM-iDD');
-            data.gdocumentDate = (moment$4(data.gdocumentDate).format("YYYY-MM-DDT00:00:00.000") + "Z");
+            data.gdocumentDate =
+                moment$4(data.gdocumentDate).format('YYYY-MM-DDT00:00:00.000') + 'Z';
         }
         return this.adapeter.adaptOut(data, this.staticFormFields);
     }
     selectFile(file) {
-        console.log("file in select", file);
+        console.log('file in select', file);
         this.showStaticForm = false;
         this.agencyNameFilter = undefined;
         this.countryNameFilter = undefined;
@@ -21002,8 +21035,13 @@ class CreateModalComponent {
             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(res => {
-                    file['fileType'] = this.source === 'fileManger' ? this.fileType : {};
+                this.dynamicFormService
+                    .getDynamicForm(this.fileType.documentCode
+                    ? this.fileType.documentCode
+                    : this.fileType.type)
+                    .subscribe((res) => {
+                    file['fileType'] =
+                        this.source === 'fileManger' ? this.fileType : {};
                     file['dynamicForm'] = res;
                     file['dynamicData'] = {};
                     file['staticFormValid'] = this.usingExtraFields ? false : true;
@@ -21015,7 +21053,8 @@ class CreateModalComponent {
                     }
                     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(() => {
                         this.showRenderer = true;
                         this.showStaticForm = true;
@@ -21023,12 +21062,19 @@ class CreateModalComponent {
                     //console.log(file);
                     if (!this.fileFormSubscription) {
                         setTimeout(() => {
-                            this.fileFormSubscription = this.fileForm.valueChanges.subscribe(res => {
-                                this.selectedFile.staticFormValid = this.fileForm ? this.fileForm.valid : false;
-                                this.selectedFile.staticData = this.fileForm ? this.fileForm.value : {};
-                            });
+                            this.fileFormSubscription =
+                                this.fileForm.valueChanges.subscribe((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(res => {
+                                this.agencyCategCodeSubscription = this.fileForm
+                                    .get('agencyCategoryCode')
+                                    .valueChanges.subscribe((res) => {
                                     this.fileForm.get('agencyName').setValue(null);
                                     this.agencyNameFilter = {
                                         category: res
@@ -21036,7 +21082,9 @@ class CreateModalComponent {
                                 });
                             }
                             if (this.fileForm.get('countryCategoryCode')) {
-                                this.countryCategCodeSubscription = this.fileForm.get('countryCategoryCode').valueChanges.subscribe(res => {
+                                this.countryCategCodeSubscription = this.fileForm
+                                    .get('countryCategoryCode')
+                                    .valueChanges.subscribe((res) => {
                                     this.fileForm.get('countryName').setValue(null);
                                     this.countryNameFilter = {
                                         category: res
@@ -21064,19 +21112,27 @@ class CreateModalComponent {
                     };
                 }
                 this.temporaryDyanmicData = {};
-                this.temporaryDyanmicData = this.selectedFile.dynamicData.data ? this.selectedFile.dynamicData.data : {};
+                this.temporaryDyanmicData = this.selectedFile.dynamicData.data
+                    ? this.selectedFile.dynamicData.data
+                    : {};
                 setTimeout(() => {
                     this.showRenderer = true;
                     this.showStaticForm = true;
                 }, 200);
                 if (!this.fileFormSubscription) {
                     setTimeout(() => {
-                        this.fileFormSubscription = this.fileForm.valueChanges.subscribe(res => {
-                            this.selectedFile.staticFormValid = this.fileForm ? this.fileForm.valid : false;
-                            this.selectedFile.staticData = this.fileForm ? this.fileForm.value : {};
+                        this.fileFormSubscription = this.fileForm.valueChanges.subscribe((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(res => {
+                            this.agencyCategCodeSubscription = this.fileForm
+                                .get('agencyCategoryCode')
+                                .valueChanges.subscribe((res) => {
                                 this.fileForm.get('agencyName').setValue(null);
                                 this.agencyNameFilter = {
                                     category: res
@@ -21084,7 +21140,9 @@ class CreateModalComponent {
                             });
                         }
                         if (this.fileForm.get('countryCategoryCode')) {
-                            this.countryCategCodeSubscription = this.fileForm.get('countryCategoryCode').valueChanges.subscribe(res => {
+                            this.countryCategCodeSubscription = this.fileForm
+                                .get('countryCategoryCode')
+                                .valueChanges.subscribe((res) => {
                                 this.fileForm.get('countryName').setValue(null);
                                 this.countryNameFilter = {
                                     category: res
@@ -21106,11 +21164,8 @@ class CreateModalComponent {
             this.selectedFile.dynamicData = Object.assign({}, dynamicData);
         }
     }
-    minimizDialog() {
-        this.dialogRef.close(true);
-    }
     removeItem(item, listofFiles) {
-        const removeIndex = listofFiles.findIndex(file => file.name === item.name);
+        const removeIndex = listofFiles.findIndex((file) => file.name === item.name);
         listofFiles.splice(removeIndex, 1);
         if (item.name === this.selectedFile.name) {
             if (this.uploadMangmentService.uploadedFilesStatus.uploadedFiles.length > 0) {
@@ -21122,32 +21177,14 @@ class CreateModalComponent {
             // this.selectedFile = null;
         }
     }
-    ApplyChangesToAll() {
-        this.uploadMangmentService.uploadedFilesStatus.uploadedFiles.map(file => {
-            let 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(file => {
-            let 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;
-        });
-    }
     checkValidation() {
         let validation = true;
-        this.uploadMangmentService.uploadedFilesStatus.uploadedFiles.map(file => {
+        this.uploadMangmentService.uploadedFilesStatus.uploadedFiles.forEach((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;
             }
@@ -21155,9 +21192,10 @@ class CreateModalComponent {
                 file['generalValidationValid'] = true;
             }
         });
-        this.uploadMangmentService.uploadedFilesStatus.allfiles.map(file => {
+        this.uploadMangmentService.uploadedFilesStatus.allfiles.map((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;
             }
@@ -21169,13 +21207,16 @@ class CreateModalComponent {
     }
     ngOnDestroy() {
         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()
+            : '';
     }
 }
-CreateModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CreateModalComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$3.MatDialogRef }, { token: UploadManagmentService }, { token: DialogMangmentService }, { token: FileManagerService }, { token: CustomToastrService }, { token: i6.FormBuilder }, { token: AdapterService }, { token: FileManagerService }, { token: AppConfigService }, { token: DateHelperService }, { token: TranslationService }, { token: UserService }, { token: NuxeoService }, { token: 'environment' }, { token: DynamicFormService }], target: i0.ɵɵFactoryTarget.Component });
-CreateModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CreateModalComponent, selector: "app-create-modal", host: { listeners: { "document:keyup.enter": "KeyUpEvent($event)" } }, ngImport: i0, 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.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i4$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: SetRtlDirective, selector: "[SetRtl]" }, { type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "translate": i1.TranslatePipe } });
+CreateModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CreateModalComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: UploadManagmentService }, { token: DialogMangmentService }, { token: FileManagerService }, { token: CustomToastrService }, { token: i6.FormBuilder }, { token: AdapterService }, { token: FileManagerService }, { token: AppConfigService }, { token: DateHelperService }, { token: UserService }, { token: 'environment' }, { token: i0.Injector }, { token: DynamicFormService }], target: i0.ɵɵFactoryTarget.Component });
+CreateModalComponent.ɵcmp = i0.ɵɵ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, 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.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i4$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: SetRtlDirective, selector: "[SetRtl]" }, { type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "translate": i1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CreateModalComponent, decorators: [{
             type: Component,
             args: [{
@@ -21186,10 +21227,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
-                }] }, { type: i1$3.MatDialogRef }, { type: UploadManagmentService }, { type: DialogMangmentService }, { type: FileManagerService }, { type: CustomToastrService }, { type: i6.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.FormBuilder }, { type: AdapterService }, { type: FileManagerService }, { type: AppConfigService }, { type: DateHelperService }, { type: UserService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
-                }] }, { type: DynamicFormService }]; }, propDecorators: { KeyUpEvent: [{
+                }] }, { type: i0.Injector }, { type: DynamicFormService }]; }, propDecorators: { KeyUpEvent: [{
                 type: HostListener,
                 args: ['document:keyup.enter', ['$event']]
             }] } });
@@ -26607,7 +26648,8 @@ FileMangerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
         FormsModule,
         DisplaySuitableIconModule,
         MatProgressBarModule,
-        MatCheckboxModule], exports: [SidepanelComponent,
+        MatCheckboxModule,
+        NuxeoDialogModule], exports: [SidepanelComponent,
         CopyComponent,
         DeleteComponent,
         MoveComponent,
@@ -26677,7 +26719,8 @@ FileMangerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
             FormsModule,
             DisplaySuitableIconModule,
             MatProgressBarModule,
-            MatCheckboxModule
+            MatCheckboxModule,
+            NuxeoDialogModule
         ], DxPopupModule,
         DxScrollViewModule,
         DxiToolbarItemModule,
@@ -26708,7 +26751,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                         TemplateModalComponent,
                         UpdateModalComponent,
                         ClipboardComponent,
-                        FileGridInfiniteScrollDirective,
+                        FileGridInfiniteScrollDirective
                     ],
                     imports: [
                         CommonModule,
@@ -26753,7 +26796,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                         FormsModule,
                         DisplaySuitableIconModule,
                         MatProgressBarModule,
-                        MatCheckboxModule
+                        MatCheckboxModule,
+                        NuxeoDialogModule
                     ],
                     exports: [
                         SidepanelComponent,
@@ -26782,7 +26826,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                         DxFormModule,
                         DxTreeViewModule,
                         ClipboardComponent,
-                        FileGridInfiniteScrollDirective,
+                        FileGridInfiniteScrollDirective
                     ]
                 }]
         }] });