nuxeo-development-framework 0.0.6-bos → 0.0.7-bos

package/fesm2022/nuxeo-development-framework.mjs

@@ -5,17 +5,18 @@ import localeEn from '@angular/common/locales/en';
 import * as i1 from '@angular/common/http';
 import { HttpClient, provideHttpClient, withFetch, withInterceptorsFromDi, HttpHeaders, HttpStatusCode } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { Injectable, Inject, InjectionToken, Optional, APP_INITIALIZER, NgModule, Component, Directive, ChangeDetectorRef, Input, EventEmitter, Output, ViewChild, ContentChild, HostListener, input, Pipe, ViewEncapsulation, Self, signal, effect, inject, SkipSelf, ChangeDetectionStrategy, TemplateRef, ViewContainerRef, forwardRef, Renderer2, ElementRef, Host, model, computed } from '@angular/core';
+import { Injectable, Inject, InjectionToken, Optional, APP_INITIALIZER, NgModule, Component, Directive, ChangeDetectorRef, Input, EventEmitter, Output, ViewChild, ContentChild, HostListener, input, Pipe, ViewEncapsulation, Self, effect, inject, SkipSelf, signal, TemplateRef, ChangeDetectionStrategy, ViewContainerRef, forwardRef, Renderer2, ElementRef, Host, model, computed } from '@angular/core';
 import * as i1$1 from '@ngx-translate/core';
 import { TranslateModule, TranslateLoader, TranslateStore, TranslateService } from '@ngx-translate/core';
+import { RxReactiveFormsModule } from '@rxweb/reactive-form-validators';
 import * as i2 from 'keycloak-angular';
 import { KeycloakAngularModule } from 'keycloak-angular';
 import * as i1$2 from 'legacy-ngx-treeview';
 import { TreeviewModule, TreeviewItem, DefaultTreeviewI18n, TreeviewConfig, TreeviewHelper, DropdownTreeviewComponent, TreeviewI18n } from 'legacy-ngx-treeview';
 import * as i1$3 from 'ngx-toastr';
 import { ToastrModule, Toast } from 'ngx-toastr';
-import { ReplaySubject, iif, of, combineLatest, throwError, Observable, forkJoin, BehaviorSubject, from, pipe, Subject, isObservable, EMPTY, tap as tap$1, debounceTime, distinctUntilChanged as distinctUntilChanged$1, switchMap as switchMap$1, concat, map as map$1, filter as filter$2, takeUntil as takeUntil$1, catchError as catchError$1, fromEvent, take as take$1 } from 'rxjs';
-import { map, retry, catchError, distinctUntilChanged, takeUntil, take, tap, switchMap, first, delay, expand, last, skip, debounceTime as debounceTime$1, filter as filter$1, finalize, startWith, retryWhen, concatMap, mergeMap } from 'rxjs/operators';
+import { ReplaySubject, iif, of, combineLatest, throwError, Observable, forkJoin, BehaviorSubject, from, pipe, Subject, isObservable, EMPTY, concat, map as map$1, distinctUntilChanged as distinctUntilChanged$1, filter as filter$2, takeUntil as takeUntil$1, catchError as catchError$1, fromEvent, take as take$1, switchMap as switchMap$1, tap as tap$1 } from 'rxjs';
+import { map, retry, catchError, distinctUntilChanged, takeUntil, take, tap, switchMap, first, delay, expand, last, skip, debounceTime, filter as filter$1, finalize, startWith, retryWhen, concatMap, mergeMap } from 'rxjs/operators';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import CryptoJS from 'crypto-js';
 import { __decorate, __param } from 'tslib';
@@ -55,23 +56,23 @@ import * as i3$3 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
 import * as i4 from '@angular/material/progress-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
+import * as i8 from 'angular-ng-autocomplete';
+import { AutocompleteLibModule } from 'angular-ng-autocomplete';
 import * as i1$8 from '@angular/platform-browser';
 import moment_ from 'moment-hijri';
 import 'moment/locale/ar';
 import DOMPurify from 'dompurify';
 import * as i2$3 from 'ngx-infinite-scroll';
 import { InfiniteScrollModule } from 'ngx-infinite-scroll';
-import * as i3$4 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
 import { Cacheable, LocalStorageStrategy, CacheBuster } from 'ts-cacheable';
 import * as i3$5 from '@ng-select/ng-select';
 import { NgSelectComponent, NgLabelTemplateDirective, NgOptionTemplateDirective, NgSelectModule } from '@ng-select/ng-select';
+import * as i3$4 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
 import * as i9 from '@angular/material/chips';
 import { MatChipsModule } from '@angular/material/chips';
-import * as i8 from '@angular/material/expansion';
+import * as i8$1 from '@angular/material/expansion';
 import { MatExpansionModule } from '@angular/material/expansion';
-import * as i5$1 from '@angular/cdk/layout';
-import { LayoutModule } from '@angular/cdk/layout';
 import * as i4$3 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i4$2 from '@angular/material/checkbox';
@@ -97,7 +98,7 @@ import { ColumnMode, DatatableComponent, NgxDatatableModule } from '@swimlane/ng
 import { SelectionModel } from '@angular/cdk/collections';
 import * as i2$5 from '@angular/material/button-toggle';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import * as i8$1 from '@angular/cdk/drag-drop';
+import * as i8$2 from '@angular/cdk/drag-drop';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 import * as i6$1 from '@angular/material/autocomplete';
 import { MatAutocompleteTrigger, MatAutocompleteModule } from '@angular/material/autocomplete';
@@ -105,6 +106,8 @@ import * as i6$2 from 'ngx-mask';
 import { NgxMaskDirective, provideEnvironmentNgxMask } from 'ngx-mask';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatMomentDateModule } from '@angular/material-moment-adapter';
+import * as i5$1 from '@angular/cdk/layout';
+import { LayoutModule } from '@angular/cdk/layout';
 import Dynamsoft from 'dwt';
 import Chart$1, { Chart } from 'chart.js/auto';
 import 'chartjs-adapter-moment';
@@ -129,7 +132,7 @@ import { MatToolbarModule } from '@angular/material/toolbar';
 import * as i2$8 from 'ngx-markdown';
 import { MarkdownModule } from 'ngx-markdown';
 import colorLib from '@kurkle/color';
-import * as i8$2 from '@angular/cdk/accordion';
+import * as i8$3 from '@angular/cdk/accordion';
 import { CdkAccordionModule } from '@angular/cdk/accordion';
 import * as i1$b from '@angular/material/bottom-sheet';
 import { MAT_BOTTOM_SHEET_DATA, MatBottomSheetModule } from '@angular/material/bottom-sheet';
@@ -1298,7 +1301,8 @@ class NuxeoCoreModule {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NuxeoCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: NuxeoCoreModule, imports: [CommonModule, i1$2.TreeviewModule, i1$1.TranslateModule, i1$3.ToastrModule, KeycloakAngularModule], exports: [KeycloakAngularModule, TranslateModule, TreeviewModule, ToastrModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: NuxeoCoreModule, imports: [CommonModule, i1$2.TreeviewModule, i1$1.TranslateModule, i1$3.ToastrModule, KeycloakAngularModule,
+            RxReactiveFormsModule], exports: [KeycloakAngularModule, TranslateModule, TreeviewModule, ToastrModule, RxReactiveFormsModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NuxeoCoreModule, providers: [
             TranslateStore,
             TranslateService,
@@ -1329,13 +1333,14 @@ class NuxeoCoreModule {
             ToastrModule.forRoot({
                 preventDuplicates: true
             }),
-            KeycloakAngularModule, KeycloakAngularModule, TranslateModule, TreeviewModule, ToastrModule] }); }
+            KeycloakAngularModule,
+            RxReactiveFormsModule, KeycloakAngularModule, TranslateModule, TreeviewModule, ToastrModule, RxReactiveFormsModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NuxeoCoreModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
-                    exports: [KeycloakAngularModule, TranslateModule, TreeviewModule, ToastrModule],
+                    exports: [KeycloakAngularModule, TranslateModule, TreeviewModule, ToastrModule, RxReactiveFormsModule],
                     imports: [
                         CommonModule,
                         TreeviewModule.forRoot(),
@@ -1350,6 +1355,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                             preventDuplicates: true
                         }),
                         KeycloakAngularModule,
+                        RxReactiveFormsModule
                     ],
                     providers: [
                         TranslateStore,
@@ -7329,6 +7335,7 @@ class LibrarySharedModule {
             MatIconModule,
             MatListModule,
             MatMenuModule,
+            AutocompleteLibModule,
             DirectiveModule,
             MatTooltipModule,
             FluidHeightModule,
@@ -7350,6 +7357,7 @@ class LibrarySharedModule {
             MatIconModule,
             MatListModule,
             MatMenuModule,
+            AutocompleteLibModule,
             DirectiveModule,
             MatTooltipModule,
             FluidHeightModule,
@@ -7367,7 +7375,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         ButtonComponent,
                         NoDataComponent,
                         SpinnerComponent,
-                        ItemListComponent,
+                        ItemListComponent
                     ],
                     imports: [
                         AvatarModule,
@@ -7378,11 +7386,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         MatIconModule,
                         MatListModule,
                         MatMenuModule,
+                        AutocompleteLibModule,
                         DirectiveModule,
                         MatTooltipModule,
                         FluidHeightModule,
                         ElementHeightModule,
-                        MatProgressBarModule,
+                        MatProgressBarModule
                     ],
                     exports: [
                         UserCardComponent,
@@ -7393,8 +7402,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         SpinnerComponent,
                         ItemListComponent,
                         FluidHeightModule,
-                        ElementHeightModule,
-                    ],
+                        ElementHeightModule
+                    ]
                 }]
         }] });
 
@@ -8219,407 +8228,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     args: ['environment']
                 }] }] });
 
-function transformKeyToObject(key, value) {
-    const objectLevels = key.split('.').reverse();
-    return objectLevels.reduce((previousValue, currentValue) => {
-        return { [currentValue]: previousValue };
-    }, value);
-}
-class DynamicFormUpdateService {
-    constructor(callApi) {
-        this.callApi = callApi;
-        this.itemUpdated$ = new Subject();
-        this.itemClicked$ = new Subject();
-        this.validate$ = new Subject();
-    }
-    update(property, newValue) {
-        this.itemUpdated$.next({
-            target: property,
-            changed: transformKeyToObject(property.key, newValue)
-        });
-        this.validate$.next({
-            target: property,
-            changed: newValue
-        });
-    }
-    validate(property, newValue) {
-        this.validate$.next({
-            target: property,
-            changed: newValue
-        });
-    }
-    clicked(property) {
-        this.itemClicked$.next({
-            target: property
-        });
-    }
-    getTextBoxSuggestionResults(pageProvider, params, key, autoCompleteValueKey, customProperties) {
-        return this.callApi
-            .query({
-            pageProvider: pageProvider,
-            ...params,
-        }, {
-            headers: {
-                "X-NXproperties": customProperties,
-            },
-        })
-            .pipe(map((data) => {
-            let results = [];
-            if (pageProvider == "PP_Correspondence_RelationSeach") {
-                data.entries.map((item) => {
-                    results.push({
-                        //  title: item.title,
-                        title: item.properties["corr:referenceNumber"] !== null ? item.properties["corr:referenceNumber"] + " - " + item.properties["corr:subject"] : item.properties["corr:subject"],
-                        id: item.uid,
-                        filter: item.title,
-                        number: item.properties["corr:referenceNumber"],
-                        subject: item.properties["corr:subject"]
-                    });
-                });
-            }
-            else {
-                let myInternalResult = data.aggregations[autoCompleteValueKey];
-                myInternalResult.buckets.map((item) => {
-                    results.push({
-                        title: item.key
-                    });
-                });
-            }
-            return results;
-        }), catchError((err) => {
-            throw err;
-        }));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormUpdateService, deps: [{ token: CallApiService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormUpdateService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormUpdateService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: CallApiService }] });
-
-/**
- * A text field input that can be used inside reactive or template driven forms
- * @title
- * Text Field
- * @example
- * <app-dynamic-form-textitem
- *    [horizontalAlign]="false"
- *    formControlName="controlName"
- *    [placeholder]="'PATH.TO.PLACEHOLDER.STRING'"
- * ></app-dynamic-form-textitem>
- */
-class DynamicFormTextItemComponent {
-    static { this.DEFAULT_SEPARATOR = ', '; }
-    constructor(dynamicFormUpdateService, translate, control) {
-        this.dynamicFormUpdateService = dynamicFormUpdateService;
-        this.translate = translate;
-        this.control = control;
-        this.autoComplete = false; // to get suggestions from backend when user type some letters
-        this.nativeAutoComplete = 'off'; // to get suggestions from browser natively
-        this.autoComplete_pageProvider = '';
-        this.autoComplete_propertyName = '';
-        this.autoComplete_propertyKey = '';
-        this.autoCompleteValueKey = '';
-        this.autoCompleteType = 'percentage';
-        this.emitFullObject = false; // used to control on emiting full selected object or only string
-        this.outsideParams = {}; // object of params to be passed from outside
-        /** input type */
-        this.type = 'text';
-        /** is Editable */
-        this.editable = true;
-        /** Placeholder string */
-        this.placeholder = '';
-        /** is disabled */
-        this.disabled = false;
-        /** @deprecated */
-        this.displayEmpty = true;
-        /** should prevent space */
-        this.preventSpace = false;
-        this.maxCharsNum = null;
-        this.inEdit = false;
-        this.showsuggestedOptions = false;
-        this.onChange = () => { };
-        this.onTouched = () => { };
-        this.documentList = [];
-        this.control.valueAccessor = this;
-        this.valueSeparator = DynamicFormTextItemComponent.DEFAULT_SEPARATOR;
-    }
-    isRequired() {
-        if (!this.control.control.validator) {
-            return false;
-        }
-        const validator = this.control.control.validator({});
-        return validator && validator.required;
-    }
-    writeValue(obj) {
-        this.editedValue = obj;
-        //this.property.value = obj;
-        //  throw new Error('Method not implemented.');
-    }
-    get invalid() {
-        return this.control ? this.control.invalid : false;
-    }
-    get showError() {
-        if (!this.control) {
-            return false;
-        }
-        const { dirty, touched } = this.control;
-        return this.invalid ? dirty || touched : false;
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-    ngOnChanges() {
-        /*this.editedValue = this.property.multiline
-      ? this.property.displayValue
-      : this.property.value;*/
-    }
-    showProperty() {
-        return this.displayEmpty || !this.property.isEmpty();
-    }
-    showClickableIcon() {
-        return this.hasIcon() && this.editable;
-    }
-    isEditable() {
-        return this.editable;
-    }
-    isClickable() {
-        return !!this.property.clickable;
-    }
-    hasIcon() {
-        return !!this.property.icon;
-    }
-    hasErrors() {
-        return this.showError;
-    }
-    allowSpace(e) {
-        if (this.preventSpace) {
-            e.preventDefault();
-        }
-    }
-    setEditMode(editStatus) {
-        this.inEdit = editStatus;
-        setTimeout(() => {
-            if (this.editorInput) {
-                this.editorInput?.nativeElement?.click();
-            }
-        }, 0);
-    }
-    reset(event) {
-        // event.stopPropagation();
-        /*this.editedValue = this.property.multiline
-      ? this.property.displayValue
-      : this.property.value;*/
-        this.setEditMode(false);
-        this.resetErrorMessages();
-    }
-    resetErrorMessages() {
-        this.errorMessages = [];
-    }
-    update(event) {
-        // event.stopPropagation();
-        const updatedValue = this.prepareValueForUpload(this.property, this.editedValue);
-        // this.property.value = updatedValue;
-        this.onChange(updatedValue);
-        this.onTouched();
-        // this.dynamicFormUpdateService.update(this.property, updatedValue);
-        this.setEditMode(false);
-        this.resetErrorMessages();
-    }
-    prepareValueForUpload(property, value) {
-        return value;
-    }
-    onTextAreaInputChange() {
-        this.errorMessages = this.property.getValidationErrors(this.editedValue);
-    }
-    clicked() {
-        if (typeof this.property.clickCallBack === 'function') {
-            this.property.clickCallBack();
-        }
-        else {
-            this.dynamicFormUpdateService.clicked(this.property);
-        }
-    }
-    selectItem(selectedItem) {
-        if (this.emitFullObject) {
-            this.editedValue = selectedItem;
-        }
-        else {
-            this.editedValue = selectedItem.title;
-        }
-        this.update(null);
-        this.showsuggestedOptions = false;
-        this.documentList = [];
-    }
-    updateValue(value) {
-        if (this.emitFullObject) {
-            if (typeof this.editedValue === 'object' && this.editedValue !== null) {
-                this.editedValue = Object.assign({}, this.editedValue, {
-                    title: value
-                });
-            }
-            else {
-                this.editedValue = { title: value };
-            }
-        }
-        else {
-            this.editedValue = value;
-        }
-    }
-    resetSelecting() {
-        if (this.emitFullObject) {
-            this.editedValue = null;
-        }
-        else {
-            this.editedValue = '';
-        }
-        this.update(null);
-    }
-    waitUntilUserFinishTyping() {
-        if (this.delayedAction) {
-            clearTimeout(this.delayedAction);
-            this.delayedAction = setTimeout(() => {
-                this.onSearchInputChange();
-            }, 1500);
-        }
-        else {
-            this.delayedAction = setTimeout(() => {
-                this.onSearchInputChange();
-            }, 1500);
-        }
-    }
-    onSearchInputChange() {
-        if (this.autoComplete) {
-            if (!this.editorInput.nativeElement.value) {
-                this.resetSelecting();
-            }
-            let val = this.editorInput.nativeElement.value;
-            let params = {
-                currentPageIndex: 0,
-                offset: 0,
-                pageSize: 40,
-                pageProvider: this.autoComplete_pageProvider,
-                ...this.outsideParams
-            };
-            // if i was sending tenant id from outside then i am in case of multi tenant then add tenant id to params
-            if (EnvManager.environment.enableTenant == 'YES' && this.tenantId) {
-                params['queryParams'] = `${this.tenantId}`;
-            }
-            // params[this.autoComplete_propertyName] = (val) ? `%${val}%` : '';
-            if (this.autoCompleteType == 'caseSensitive' && val) {
-                let result = this.ToCaseInsensitive(val);
-                params[this.autoComplete_propertyName] = result;
-            }
-            else {
-                if (this.autoCompleteType == 'percentage' && val) {
-                    params[this.autoComplete_propertyName] = '%' + val + '%';
-                }
-                else {
-                    params[this.autoComplete_propertyName] = '';
-                }
-            }
-            // check if relation then will use entries then fetch only required schemas
-            // and other suggester will use aggregations from response not entries then add page size 0
-            // all this to decrease response size
-            let customProperties = '*';
-            if (this.autoComplete_pageProvider === 'PP_Correspondence_RelationSeach') {
-                customProperties = 'Correspondence';
-            }
-            else {
-                params.pageSize = 1;
-            }
-            this.dynamicFormUpdateService
-                .getTextBoxSuggestionResults(this.autoComplete_pageProvider, params, this.autoComplete_propertyKey, this.autoCompleteValueKey, customProperties)
-                .subscribe((data) => {
-                this.documentList = data.filter((option) => option.title.toLowerCase().includes(val.toLowerCase()));
-                this.showsuggestedOptions = true;
-                return this.documentList;
-            });
-        }
-    }
-    openOptions(value) {
-        if (this.autoComplete) {
-            this.showsuggestedOptions = value;
-            if (!this.documentList.length && value) {
-                this.onSearchInputChange();
-            }
-        }
-    }
-    ToCaseInsensitive(orginalText) {
-        let result = '';
-        let orginalTextLowerCase = orginalText.toLowerCase();
-        for (let i = 0; i < orginalTextLowerCase.length; i++) {
-            if (orginalTextLowerCase.charAt(i) >= 'a' && orginalTextLowerCase.charAt(i) <= 'z')
-                result = result + '[' + orginalTextLowerCase.charAt(i) + orginalTextLowerCase.charAt(i).toUpperCase() + ']';
-            else
-                result = result + orginalText.charAt(i);
-        }
-        return '.*' + result + '.*';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormTextItemComponent, deps: [{ token: DynamicFormUpdateService }, { token: i1$1.TranslateService }, { token: i2$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DynamicFormTextItemComponent, isStandalone: false, selector: "app-dynamic-form-textitem", inputs: { autoComplete: "autoComplete", nativeAutoComplete: "nativeAutoComplete", autoComplete_pageProvider: "autoComplete_pageProvider", autoComplete_propertyName: "autoComplete_propertyName", autoComplete_propertyKey: "autoComplete_propertyKey", autoCompleteValueKey: "autoCompleteValueKey", autoCompleteType: "autoCompleteType", tenantId: "tenantId", emitFullObject: "emitFullObject", outsideParams: "outsideParams", type: "type", property: "property", label: "label", editable: "editable", placeholder: "placeholder", disabled: "disabled", displayEmpty: "displayEmpty", preventSpace: "preventSpace", id: "id", maxCharsNum: "maxCharsNum" }, viewQueries: [{ propertyName: "editorInput", first: true, predicate: ["editorInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"app-property-value\">\r\n\t<div class=\"app-input-wrapper\">\r\n\t\t<label *ngIf=\"label\" for=\"formGroupInputSmall\"\r\n\t\t\t>{{ label | translate }}<span *ngIf=\"isRequired()\" class=\"text-danger mx-1\">*</span></label\r\n\t\t>\r\n\t\t<div class=\"\">\r\n\t\t\t<ng-container *ngIf=\"isEditable(); else readOnly\">\r\n\t\t\t\t<div class=\"new-one\" (clickOutside)=\"openOptions(false)\">\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\t[id]=\"id\"\r\n\t\t\t\t\t\t[disabled]=\"disabled\"\r\n\t\t\t\t\t\t[type]=\"type\"\r\n\t\t\t\t\t\tclass=\"form-control\"\r\n\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t'input-filled': emitFullObject ? editedValue?.title : editedValue\r\n\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t(keydown.space)=\"allowSpace($event)\"\r\n\t\t\t\t\t\t#editorInput\r\n\t\t\t\t\t\t[required]=\"isRequired()\"\r\n\t\t\t\t\t\t[ngModel]=\"emitFullObject ? editedValue?.title : editedValue\"\r\n\t\t\t\t\t\t(ngModelChange)=\"updateValue($event); update($event)\"\r\n\t\t\t\t\t\t[autocomplete]=\"nativeAutoComplete\"\r\n\t\t\t\t\t\t(keyup)=\"waitUntilUserFinishTyping()\"\r\n\t\t\t\t\t\t[attr.data-automation-id]=\"'card-textitem-editinput-'\"\r\n\t\t\t\t\t\tplaceholder=\"{{ placeholder | translate }}\"\r\n\t\t\t\t\t\t(focus)=\"openOptions(true)\"\r\n\t\t\t\t\t\tmaxlength=\"{{ maxCharsNum }}\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<div *ngIf=\"documentList.length !== 0\" id=\"suggestedoptions\">\r\n\t\t\t\t\t\t<div class=\"suggestions-wrapper\" [ngClass]=\"{ 'd-block': showsuggestedOptions }\">\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tclass=\"option\"\r\n\t\t\t\t\t\t\t\tid=\"suggestedoptions\"\r\n\t\t\t\t\t\t\t\t*ngFor=\"let option of documentList\"\r\n\t\t\t\t\t\t\t\t(click)=\"selectItem(option)\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{{ option.title }}\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</div>\r\n\r\n\t\t\t\t<mat-error\r\n\t\t\t\t\t[attr.data-automation-id]=\"'card-textitem-error-'\"\r\n\t\t\t\t\tclass=\"app-textitem-editable-error\"\r\n\t\t\t\t\t*ngIf=\"hasErrors()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t<li *ngIf=\"control.errors.required\">{{ label | translate }} {{ 'VALIDATORS.REQUIRED' | translate }}</li>\r\n\t\t\t\t\t\t<li *ngIf=\"control.errors.pattern\">\r\n\t\t\t\t\t\t\t{{ 'wrong pattern' | translate }}\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t<li *ngIf=\"control.errors.min\">{{ 'VALIDATORS.MIN' | translate }} {{ control.errors.min.min }}</li>\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t</mat-error>\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-template #readOnly>\r\n\t\t\t\t{{ emitFullObject ? editedValue?.title : editedValue }}\r\n\t\t\t</ng-template>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", styles: [".app-property-value .input-filled{border-color:var(--input-filled-border-color, #1a96c6)!important}.app-property-value .app-input-wrapper label{color:#8f98aa;font-size:12px;margin-bottom:0}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:0;background-color:#8f98aa1a}.app-property-value .app-input-wrapper .form-control:not(textarea){height:var(--form-control-height, 40px)}.app-property-value .app-input-wrapper .form-control:disabled{background-color:var(--form-control-disabled-background, #e9ecef)!important}.app-property-value .app-input-wrapper .app-textitem-editable-error ul{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error ul li{margin-top:5px}.app-property-value .app-input-wrapper .new-one{position:relative}.app-property-value .app-input-wrapper .suggestions-wrapper{border-radius:3px;max-height:240px;border:1px solid #ccc;box-shadow:2px 2px 2px #0000000f;overflow:auto;display:none;position:absolute;width:100%;background-color:#fff;z-index:99}.app-property-value .app-input-wrapper .suggestions-wrapper .option{margin-bottom:5px;padding:5px 10px;cursor:pointer}.app-property-value .app-input-wrapper .suggestions-wrapper .option:hover{background-color:#f5faff}\n"], dependencies: [{ kind: "directive", type: i1$5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormTextItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-dynamic-form-textitem', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"app-property-value\">\r\n\t<div class=\"app-input-wrapper\">\r\n\t\t<label *ngIf=\"label\" for=\"formGroupInputSmall\"\r\n\t\t\t>{{ label | translate }}<span *ngIf=\"isRequired()\" class=\"text-danger mx-1\">*</span></label\r\n\t\t>\r\n\t\t<div class=\"\">\r\n\t\t\t<ng-container *ngIf=\"isEditable(); else readOnly\">\r\n\t\t\t\t<div class=\"new-one\" (clickOutside)=\"openOptions(false)\">\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\t[id]=\"id\"\r\n\t\t\t\t\t\t[disabled]=\"disabled\"\r\n\t\t\t\t\t\t[type]=\"type\"\r\n\t\t\t\t\t\tclass=\"form-control\"\r\n\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t'input-filled': emitFullObject ? editedValue?.title : editedValue\r\n\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t(keydown.space)=\"allowSpace($event)\"\r\n\t\t\t\t\t\t#editorInput\r\n\t\t\t\t\t\t[required]=\"isRequired()\"\r\n\t\t\t\t\t\t[ngModel]=\"emitFullObject ? editedValue?.title : editedValue\"\r\n\t\t\t\t\t\t(ngModelChange)=\"updateValue($event); update($event)\"\r\n\t\t\t\t\t\t[autocomplete]=\"nativeAutoComplete\"\r\n\t\t\t\t\t\t(keyup)=\"waitUntilUserFinishTyping()\"\r\n\t\t\t\t\t\t[attr.data-automation-id]=\"'card-textitem-editinput-'\"\r\n\t\t\t\t\t\tplaceholder=\"{{ placeholder | translate }}\"\r\n\t\t\t\t\t\t(focus)=\"openOptions(true)\"\r\n\t\t\t\t\t\tmaxlength=\"{{ maxCharsNum }}\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<div *ngIf=\"documentList.length !== 0\" id=\"suggestedoptions\">\r\n\t\t\t\t\t\t<div class=\"suggestions-wrapper\" [ngClass]=\"{ 'd-block': showsuggestedOptions }\">\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tclass=\"option\"\r\n\t\t\t\t\t\t\t\tid=\"suggestedoptions\"\r\n\t\t\t\t\t\t\t\t*ngFor=\"let option of documentList\"\r\n\t\t\t\t\t\t\t\t(click)=\"selectItem(option)\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{{ option.title }}\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</div>\r\n\r\n\t\t\t\t<mat-error\r\n\t\t\t\t\t[attr.data-automation-id]=\"'card-textitem-error-'\"\r\n\t\t\t\t\tclass=\"app-textitem-editable-error\"\r\n\t\t\t\t\t*ngIf=\"hasErrors()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t<li *ngIf=\"control.errors.required\">{{ label | translate }} {{ 'VALIDATORS.REQUIRED' | translate }}</li>\r\n\t\t\t\t\t\t<li *ngIf=\"control.errors.pattern\">\r\n\t\t\t\t\t\t\t{{ 'wrong pattern' | translate }}\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t<li *ngIf=\"control.errors.min\">{{ 'VALIDATORS.MIN' | translate }} {{ control.errors.min.min }}</li>\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t</mat-error>\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-template #readOnly>\r\n\t\t\t\t{{ emitFullObject ? editedValue?.title : editedValue }}\r\n\t\t\t</ng-template>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", styles: [".app-property-value .input-filled{border-color:var(--input-filled-border-color, #1a96c6)!important}.app-property-value .app-input-wrapper label{color:#8f98aa;font-size:12px;margin-bottom:0}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:0;background-color:#8f98aa1a}.app-property-value .app-input-wrapper .form-control:not(textarea){height:var(--form-control-height, 40px)}.app-property-value .app-input-wrapper .form-control:disabled{background-color:var(--form-control-disabled-background, #e9ecef)!important}.app-property-value .app-input-wrapper .app-textitem-editable-error ul{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error ul li{margin-top:5px}.app-property-value .app-input-wrapper .new-one{position:relative}.app-property-value .app-input-wrapper .suggestions-wrapper{border-radius:3px;max-height:240px;border:1px solid #ccc;box-shadow:2px 2px 2px #0000000f;overflow:auto;display:none;position:absolute;width:100%;background-color:#fff;z-index:99}.app-property-value .app-input-wrapper .suggestions-wrapper .option{margin-bottom:5px;padding:5px 10px;cursor:pointer}.app-property-value .app-input-wrapper .suggestions-wrapper .option:hover{background-color:#f5faff}\n"] }]
-        }], ctorParameters: () => [{ type: DynamicFormUpdateService }, { type: i1$1.TranslateService }, { type: i2$2.NgControl, decorators: [{
-                    type: Self
-                }, {
-                    type: Optional
-                }] }], propDecorators: { autoComplete: [{
-                type: Input
-            }], nativeAutoComplete: [{
-                type: Input
-            }], autoComplete_pageProvider: [{
-                type: Input
-            }], autoComplete_propertyName: [{
-                type: Input
-            }], autoComplete_propertyKey: [{
-                type: Input
-            }], autoCompleteValueKey: [{
-                type: Input
-            }], autoCompleteType: [{
-                type: Input
-            }], tenantId: [{
-                type: Input
-            }], emitFullObject: [{
-                type: Input
-            }], outsideParams: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], property: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], editable: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], displayEmpty: [{
-                type: Input
-            }], preventSpace: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], maxCharsNum: [{
-                type: Input
-            }], editorInput: [{
-                type: ViewChild,
-                args: ['editorInput']
-            }] } });
-
 function generateGuid() {
     return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
         const r = Math.random() * 16 | 0;
@@ -9074,17 +8682,14 @@ class CorrespondenceRelationCreateFormComponent {
         this.selectable = true;
         this.removable = true;
         this.saving = false;
-        this.createform = this._formBuilder.group({
-            relationname: ['', Validators.required],
-        });
         this.related_corr = [];
         this.exist = false;
-        this.isLoading = signal(false);
-        this.hasSearched = signal(false);
-        this.documentList = signal([]);
+        this.isLoading = false;
+        this.documentList = [];
         this.exist_relations_list = [];
-        this.searchInput = new FormControl('');
+        /**ng-Autocomplete related functions */
         this.alwaysopened = false;
+        this.disableFilter = (items) => items;
     }
     /**dialog actions */
     onSaveClick() {
@@ -9094,13 +8699,13 @@ class CorrespondenceRelationCreateFormComponent {
             .subscribe((data) => {
             if (data) {
                 this.corressvc.getUpdatedRelation.next();
-                this.toastr.show('success', 'success', 'RELATION_ADDED');
+                this.toastr.show("success", "success", "RELATION_ADDED");
                 this.saving = false;
                 this.dialogRef.close(true);
             }
         }, (err) => {
             this.saving = false;
-            this.toastr.show('error', 'error', err.ret.message ? `errors.${err.ret.code}` : 'genericError');
+            this.toastr.show("error", "error", err.ret.message ? `errors.${err.ret.code}` : "genericError");
         });
         // this.dialogRef.close({
         //   docs: this.related_corr.map((corre) => corre.id),
@@ -9110,16 +8715,23 @@ class CorrespondenceRelationCreateFormComponent {
     onCloseoClick() {
         this.dialogRef.close();
     }
-    /*************************************************** */
     ngOnInit() {
-        this.listenSearchInputChange();
         this.exist_relations_list = this.data.exist_relations_list;
         this.correspondanceId = this.data.correspondance.uid;
-        this.dialogRef.updateSize('50%', '85%');
+        console.log("related", this.data);
+        this.dialogRef.updateSize("50%", "85%");
+        this.createform = this._formBuilder.group({
+            relationname: ["", Validators.required],
+        });
     }
     on_remove_relation_Chip(relation) {
         this.related_corr.splice(this.related_corr.indexOf(relation), 1);
     }
+    clearSerachInput() {
+        this.documentList = [];
+        if (this.auto)
+            this.auto.query = "";
+    }
     is_relation_exist(relation) {
         if (this.exist_relations_list.length == 0)
             return false;
@@ -9135,48 +8747,58 @@ class CorrespondenceRelationCreateFormComponent {
         return exist_corresp.length > 0;
     }
     selectItem(item) {
+        this.auto.query = this.auto.toHighlight;
         if (this.is_relation_exist(item))
             return;
-        if (this.is_corresp_added(item))
+        else if (this.is_corresp_added(item))
             return;
-        this.related_corr.push(item);
+        else {
+            this.related_corr.push(item);
+        }
     }
-    isSelected(item) {
-        return !!this.related_corr.find(corr => corr?.id === item?.id);
+    keep_Autocomplete_Results_Open() {
+        if (this.alwaysopened) {
+            this.auto.filteredList = this.documentList;
+            this.auto.isOpen = true;
+            this.auto.isFocused = true;
+        }
     }
-    listenSearchInputChange() {
-        this.searchInput.valueChanges
-            .pipe(tap$1(() => { this.hasSearched.update(() => false); }), debounceTime(400), distinctUntilChanged$1(), tap$1(() => {
-            this.isLoading.set(true);
-        }), switchMap$1((val) => val ? this.corressvc.search(val, '', 'relationFile') : of([])))
-            .subscribe((res) => {
-            const _data = res.filter((cors) => {
-                return this.correspondanceId != cors.id;
+    onSearchInputChange(val) {
+        if (val?.length == 0) {
+            return;
+        }
+        this.corressvc.search(val, "", "relationFile").subscribe((data) => {
+            console.log("documentList", data);
+            this.documentList = data.filter((correspondance) => {
+                return this.correspondanceId != correspondance.id;
             });
-            this.isLoading.set(false);
-            this.hasSearched.set(true);
-            this.documentList.set(_data);
+            this.isLoading = false;
+            this.alwaysopened = this.documentList.length > 0;
+            return this.documentList;
         });
     }
+    inputCleared() {
+        this.documentList = [];
+        this.alwaysopened = false;
+    }
     reset() {
         this.related_corr = [];
-        this.clearSearchInput();
+        this.clearSerachInput();
         this.exist = false;
     }
-    clearSearchInput() {
-        this.documentList.set([]);
-        this.searchInput.setValue('');
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CorrespondenceRelationCreateFormComponent, deps: [{ token: i2$2.UntypedFormBuilder }, { token: CorrespondenceRelationService }, { token: CustomToastrService }, { token: i1$6.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: CorrespondenceRelationCreateFormComponent, isStandalone: false, selector: "cts-correspondence-relation-create-form", ngImport: i0, template: "<div\r\n  class=\"correspondence-relation-container\"\r\n  SetDirRtl\r\n  style=\"height: 80%; width: 100%\"\r\n>\r\n  <div class=\"correspondence-relation-title\">\r\n    {{ \"correspondence-relation.add\" | translate }}\r\n  </div>\r\n  <!-- <mat-divider></mat-divider> -->\r\n  <div mat-dialog-content [formGroup]=\"createform\">\r\n    <div class=\"vocabulary-list\">\r\n      <app-dynamic-form-vocabulary-item\r\n        [label]=\"'correspondence-relation.relation-type'\"\r\n        [bindLabel]=\"'label'\"\r\n        [bindValue]=\"'id'\"\r\n        placeholder=\"{{ 'VOCABULARY.SELECT_ITEM' | translate }}\"\r\n        [multiple]=\"false\"\r\n        [searchable]=\"false\"\r\n        [closeOnSelect]=\"true\"\r\n        [hideSelectedItems]=\"false\"\r\n        [vocabularyType]=\"'VOC_CorrespondenceRelationsNames'\"\r\n        formControlName=\"relationname\"\r\n        (onSelecting)=\"reset()\"\r\n      >\r\n      </app-dynamic-form-vocabulary-item>\r\n    </div>\r\n\r\n    <div class=\"search-container\" *ngIf=\"createform.value.relationname\">\r\n      <div class=\"search-relation-container\">\r\n        <app-dynamic-form-textitem\r\n          placeholder=\"{{ 'correspondence-relation.searchby' | translate }}\"\r\n          class=\"search-relation-container__input\"\r\n          [formControl]=\"searchInput\"\r\n        >\r\n        </app-dynamic-form-textitem>\r\n        @if (searchInput.value) {\r\n          <span class=\"search-relation-container__clear\">\r\n            <mat-icon (click)=\"clearSearchInput()\">clear</mat-icon>\r\n          </span>\r\n        }\r\n      </div>\r\n\r\n      <div role=\"listbox\" class=\"suggestions-container\">\r\n        <ul>\r\n          @for (option of documentList(); track $index) {\r\n            <li\r\n              class=\"item\"\r\n              (click)=\"selectItem(option)\"\r\n              [class.selected]=\"isSelected(option)\"\r\n            >\r\n              <span>{{ option?.title }}</span>\r\n            </li>\r\n          } @empty {\r\n            @if (isLoading()) {\r\n              <div class=\"p-3\">{{ \"loading\" | translate }}</div>\r\n            } @else if (searchInput.value && hasSearched()) {\r\n              <div class=\"p-3 flex items-center justify-center\">\r\n                {{ \"correspondence-relation.notfound\" | translate }}\r\n              </div>\r\n            }\r\n          }\r\n        </ul>\r\n      </div>\r\n      <div class=\"chip-list mt-3\" *ngIf=\"related_corr.length > 0\">\r\n        <mat-chip-list #chipList aria-label=\"corr selection\">\r\n          <mat-chip\r\n            *ngFor=\"let corr of related_corr\"\r\n            [selectable]=\"selectable\"\r\n            [removable]=\"removable\"\r\n            (removed)=\"on_remove_relation_Chip(corr)\"\r\n            class=\"mx-1\"\r\n          >\r\n            {{ corr.title }}\r\n            <mat-icon matChipRemove *ngIf=\"removable\">cancel</mat-icon>\r\n          </mat-chip>\r\n        </mat-chip-list>\r\n      </div>\r\n      <div class=\"exist-relation\" *ngIf=\"exist\">\r\n        <span> {{ \"correspondence-relation.exist\" | translate }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"button-group d-flex flex-row-reverse\">\r\n    <cts-button\r\n      [theme]=\"'danger'\"\r\n      size=\"'regular'\"\r\n      [loading]=\"saving\"\r\n      class=\"voc-form-close\"\r\n      mat-dialog-close\r\n    >\r\n      {{ \"BUTTONS.CLOSE\" | translate }}\r\n    </cts-button>\r\n    <cts-button\r\n      (onClick)=\"onSaveClick()\"\r\n      [theme]=\"'primary'\"\r\n      size=\"'regular'\"\r\n      [disabled]=\"\r\n        !this.createform.controls.relationname.valid || related_corr.length == 0\r\n      \"\r\n    >\r\n      {{ \"correspondence-relation.save\" | translate }}\r\n    </cts-button>\r\n  </div>\r\n</div>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:700;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}.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,.my-dynamic-viewer .direction-img .outgoing,.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,.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.correspondence-relation-container{padding:20px}.correspondence-relation-container .correspondence-relation-title{margin-bottom:8px;font-size:20px;color:#465573}.correspondence-relation-container .mat-dialog-content{height:100%;width:100%}.correspondence-relation-container .button-group{margin-top:12px;column-gap:6px!important}.correspondence-relation-container .button-group cts-button{width:16%}@media (max-width: 992px){.correspondence-relation-container .button-group cts-button{width:20%}}@media only screen and (max-width: 768px){.correspondence-relation-container .button-group cts-button{width:28%}}.correspondence-relation-container .item{margin:1px;padding:8px 10px;font-size:.75rem}.correspondence-relation-container .dialog-actions button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:70px;border-radius:3px}.correspondence-relation-container .dialog-actions button:disabled{opacity:.4;cursor:not-allowed}.correspondence-relation-container .dialog-actions button:hover{opacity:.7}.correspondence-relation-container .suggestions-container{height:150px!important;margin-top:10px;border:1px lightgray solid;overflow-y:auto}.correspondence-relation-container .suggestions-container ul{padding:0}.correspondence-relation-container .suggestions-container .item{position:relative;list-style:none;margin:1px;padding:8px 10px;font-size:.75rem;cursor:pointer;color:#282828}.correspondence-relation-container .suggestions-container .item:hover:not(.selected){background:#8f98aa1a}.correspondence-relation-container .suggestions-container .item.selected{background:#e9f0ff;pointer-events:none}.correspondence-relation-container .search-relation-container{position:relative;display:grid;grid-template-columns:1fr}.correspondence-relation-container .search-relation-container__input{grid-column:1;grid-row:1}.correspondence-relation-container .search-relation-container__clear{grid-column:1;grid-row:1;z-index:2;justify-self:end;align-self:center;padding-inline:8px;display:grid;place-items:center;cursor:pointer}.correspondence-relation-container .chip-list{max-height:150px;border:1px lightgray solid;overflow:auto;padding:10px;margin-bottom:10px;width:100%}.correspondence-relation-container .chip-list .mat-mdc-chip.mat-mdc-standard-chip{border-radius:5px!important}.correspondence-relation-container .chip-list .mat-mdc-chip.mat-mdc-standard-chip{background-color:#8f98aa1a!important;height:auto}.correspondence-relation-container .autocomplete-container{box-shadow:none!important}.correspondence-relation-container .autocomplete-container .input-container input{background-color:#8f98aa1a!important;padding:10px!important}.correspondence-relation-container .exist-relation{background-color:#f8d7da!important;color:#842029!important;border-color:#f5c2c7!important;position:absolute;width:100%;top:300px}.correspondence-relation-container .autocomplete-container .suggestions-container .complete-selected,.correspondence-relation-container .autocomplete-container .suggestions-container ul li:hover{background-color:#8f98aa1a!important}.correspondence-relation-container .vocabulary-list{margin-bottom:10px}.correspondence-relation-container .vocabulary-list .mat-error{display:none!important}.correspondence-relation-container .mat-dialog-content{margin:3px 0 0!important;padding:0!important}[dir=rtl] .input-container input{direction:rtl}[dir=rtl] .x{left:10px;right:auto!important}\n"], dependencies: [{ kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", 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"] }, { kind: "component", type: DynamicFormVocabularyItemComponent, selector: "app-dynamic-form-vocabulary-item", inputs: ["id", "onlyIds", "bindValue", "bindLabel", "placeholder", "multiple", "searchable", "closeOnSelect", "hideSelectedItems", "disabled", "vocabularyType", "label", "cacheable", "shwoAllValues", "emitVocabulryRecordOnSelect"], outputs: ["onSelecting"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$6.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$6.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i9.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: ButtonComponent, selector: "cts-button", inputs: ["disabled", "loading", "size", "theme", "spinnerTheming"], outputs: ["onClick"] }, { kind: "directive", type: SetDirRtlDirective, selector: "[SetDirRtl]" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CorrespondenceRelationCreateFormComponent, isStandalone: false, selector: "cts-correspondence-relation-create-form", viewQueries: [{ propertyName: "auto", first: true, predicate: ["auto"], descendants: true }], ngImport: i0, template: "<div\r\n  class=\"correspondence-relation-container\"\r\n  SetDirRtl\r\n  style=\"height: 80%; width: 100%\"\r\n>\r\n  <div class=\"correspondence-relation-title\">\r\n    {{ \"correspondence-relation.add\" | translate }}\r\n  </div>\r\n  <!-- <mat-divider></mat-divider> -->\r\n  <div mat-dialog-content [formGroup]=\"createform\">\r\n    <div class=\"vocabulary-list\">\r\n      <app-dynamic-form-vocabulary-item\r\n        [label]=\"'correspondence-relation.relation-type'\"\r\n        [bindLabel]=\"'label'\"\r\n        [bindValue]=\"'id'\"\r\n        placeholder=\"{{ 'VOCABULARY.SELECT_ITEM' | translate }}\"\r\n        [multiple]=\"false\"\r\n        [searchable]=\"false\"\r\n        [closeOnSelect]=\"true\"\r\n        [hideSelectedItems]=\"false\"\r\n        [vocabularyType]=\"'VOC_CorrespondenceRelationsNames'\"\r\n        formControlName=\"relationname\"\r\n        (onSelecting)=\"reset()\"\r\n      >\r\n      </app-dynamic-form-vocabulary-item>\r\n    </div>\r\n\r\n    <div class=\"search-container\" *ngIf=\"createform.value.relationname\">\r\n      <ng-autocomplete\r\n        #auto\r\n        [data]=\"documentList\"\r\n        [searchKeyword]=\"'filter'\"\r\n        (selected)=\"selectItem($event)\"\r\n        (inputChanged)=\"onSearchInputChange($event)\"\r\n        [customFilter]=\"disableFilter\"\r\n        (closed)=\"keep_Autocomplete_Results_Open()\"\r\n        [itemTemplate]=\"itemTemplate\"\r\n        [notFoundTemplate]=\"notFoundTemplate\"\r\n        [placeholder]=\"'correspondence-relation.searchby' | translate\"\r\n        [debounceTime]=\"1000\"\r\n        [isLoading]=\"isLoading\"\r\n        (inputCleared)=\"inputCleared()\"\r\n      >\r\n      </ng-autocomplete>\r\n\r\n      <ng-template #itemTemplate let-item>\r\n        <div class=\"item\">\r\n          <span>{{ item.title }}</span>\r\n        </div>\r\n      </ng-template>\r\n\r\n      <ng-template #notFoundTemplate>\r\n        <div>{{ \"correspondence-relation.notfound\" | translate }}</div>\r\n      </ng-template>\r\n\r\n      <div class=\"chip-list\" *ngIf=\"related_corr.length > 0\">\r\n        <mat-chip-list #chipList aria-label=\"corr selection\">\r\n          <mat-chip\r\n            *ngFor=\"let corr of related_corr\"\r\n            [selectable]=\"selectable\"\r\n            [removable]=\"removable\"\r\n            (removed)=\"on_remove_relation_Chip(corr)\"\r\n          >\r\n            {{ corr.title }}\r\n            <mat-icon matChipRemove *ngIf=\"removable\">cancel</mat-icon>\r\n          </mat-chip>\r\n        </mat-chip-list>\r\n      </div>\r\n      <div class=\"exist-relation\" *ngIf=\"exist\">\r\n        <span> {{ \"correspondence-relation.exist\" | translate }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"button-group d-flex flex-row-reverse\">\r\n    <cts-button\r\n      [theme]=\"'danger'\"\r\n      size=\"'regular'\"\r\n      [loading]=\"saving\"\r\n      class=\"voc-form-close\"\r\n      mat-dialog-close\r\n    >\r\n      {{ \"BUTTONS.CLOSE\" | translate }}\r\n    </cts-button>\r\n    <cts-button\r\n      (onClick)=\"onSaveClick()\"\r\n      [theme]=\"'primary'\"\r\n      size=\"'regular'\"\r\n      [disabled]=\"\r\n        !this.createform.controls.relationname.valid || related_corr.length == 0\r\n      \"\r\n    >\r\n      {{ \"correspondence-relation.save\" | translate }}\r\n    </cts-button>\r\n  </div>\r\n</div>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:700;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}.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,.my-dynamic-viewer .direction-img .outgoing,.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,.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.correspondence-relation-container{padding:20px}.correspondence-relation-container .correspondence-relation-title{margin-bottom:8px;font-size:20px;color:#465573}.correspondence-relation-container .mat-dialog-content{height:100%;width:100%}.correspondence-relation-container .button-group{margin-top:12px;column-gap:6px!important}.correspondence-relation-container .button-group cts-button{width:16%}@media (max-width: 992px){.correspondence-relation-container .button-group cts-button{width:20%}}@media only screen and (max-width: 768px){.correspondence-relation-container .button-group cts-button{width:28%}}.correspondence-relation-container .item{margin:1px;padding:8px 10px;font-size:.75rem}.correspondence-relation-container .dialog-actions button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:70px;border-radius:3px}.correspondence-relation-container .dialog-actions button:disabled{opacity:.4;cursor:not-allowed}.correspondence-relation-container .dialog-actions button:hover{opacity:.7}.correspondence-relation-container .autocomplete-container .suggestions-container ul{max-height:150px!important}.correspondence-relation-container .autocomplete-container .suggestions-container{height:150px!important;margin-top:10px;max-height:150px!important;border:1px lightgray solid!important;box-shadow:none!important}.correspondence-relation-container .search-container{position:relative}.correspondence-relation-container .chip-list{max-height:150px;border:1px lightgray solid;overflow:scroll;padding:10px;margin-bottom:10px;top:215px;position:absolute;width:100%}.correspondence-relation-container .chip-list .mat-mdc-chip.mat-mdc-standard-chip{border-radius:5px!important}.correspondence-relation-container .chip-list .mat-mdc-chip.mat-mdc-standard-chip{background-color:#8f98aa1a!important;height:auto}.correspondence-relation-container .autocomplete-container{box-shadow:none!important}.correspondence-relation-container .autocomplete-container .input-container input{background-color:#8f98aa1a!important;padding:10px!important}.correspondence-relation-container .exist-relation{background-color:#f8d7da!important;color:#842029!important;border-color:#f5c2c7!important;position:absolute;width:100%;top:300px}.correspondence-relation-container .autocomplete-container .suggestions-container .complete-selected,.correspondence-relation-container .autocomplete-container .suggestions-container ul li:hover{background-color:#8f98aa1a!important}.correspondence-relation-container .vocabulary-list{margin-bottom:10px}.correspondence-relation-container .vocabulary-list .mat-error{display:none!important}.correspondence-relation-container .mat-dialog-content{margin:3px 0 0!important;padding:0!important}[dir=rtl] .input-container input{direction:rtl}[dir=rtl] .x{left:10px;right:auto!important}\n"], dependencies: [{ kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DynamicFormVocabularyItemComponent, selector: "app-dynamic-form-vocabulary-item", inputs: ["id", "onlyIds", "bindValue", "bindLabel", "placeholder", "multiple", "searchable", "closeOnSelect", "hideSelectedItems", "disabled", "vocabularyType", "label", "cacheable", "shwoAllValues", "emitVocabulryRecordOnSelect"], outputs: ["onSelecting"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$6.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$6.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.AutocompleteComponent, selector: "ng-autocomplete", inputs: ["data", "searchKeyword", "placeholder", "heading", "initialValue", "historyIdentifier", "historyHeading", "historyListMaxNumber", "notFoundText", "isLoading", "debounceTime", "disabled", "minQueryLength", "focusFirst", "customFilter", "selectedValueRender", "itemTemplate", "notFoundTemplate"], outputs: ["selected", "inputChanged", "inputFocused", "inputCleared", "opened", "closed", "scrolledToEnd"] }, { kind: "component", type: i9.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i9.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: ButtonComponent, selector: "cts-button", inputs: ["disabled", "loading", "size", "theme", "spinnerTheming"], outputs: ["onClick"] }, { kind: "directive", type: SetDirRtlDirective, selector: "[SetDirRtl]" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CorrespondenceRelationCreateFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cts-correspondence-relation-create-form', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div\r\n  class=\"correspondence-relation-container\"\r\n  SetDirRtl\r\n  style=\"height: 80%; width: 100%\"\r\n>\r\n  <div class=\"correspondence-relation-title\">\r\n    {{ \"correspondence-relation.add\" | translate }}\r\n  </div>\r\n  <!-- <mat-divider></mat-divider> -->\r\n  <div mat-dialog-content [formGroup]=\"createform\">\r\n    <div class=\"vocabulary-list\">\r\n      <app-dynamic-form-vocabulary-item\r\n        [label]=\"'correspondence-relation.relation-type'\"\r\n        [bindLabel]=\"'label'\"\r\n        [bindValue]=\"'id'\"\r\n        placeholder=\"{{ 'VOCABULARY.SELECT_ITEM' | translate }}\"\r\n        [multiple]=\"false\"\r\n        [searchable]=\"false\"\r\n        [closeOnSelect]=\"true\"\r\n        [hideSelectedItems]=\"false\"\r\n        [vocabularyType]=\"'VOC_CorrespondenceRelationsNames'\"\r\n        formControlName=\"relationname\"\r\n        (onSelecting)=\"reset()\"\r\n      >\r\n      </app-dynamic-form-vocabulary-item>\r\n    </div>\r\n\r\n    <div class=\"search-container\" *ngIf=\"createform.value.relationname\">\r\n      <div class=\"search-relation-container\">\r\n        <app-dynamic-form-textitem\r\n          placeholder=\"{{ 'correspondence-relation.searchby' | translate }}\"\r\n          class=\"search-relation-container__input\"\r\n          [formControl]=\"searchInput\"\r\n        >\r\n        </app-dynamic-form-textitem>\r\n        @if (searchInput.value) {\r\n          <span class=\"search-relation-container__clear\">\r\n            <mat-icon (click)=\"clearSearchInput()\">clear</mat-icon>\r\n          </span>\r\n        }\r\n      </div>\r\n\r\n      <div role=\"listbox\" class=\"suggestions-container\">\r\n        <ul>\r\n          @for (option of documentList(); track $index) {\r\n            <li\r\n              class=\"item\"\r\n              (click)=\"selectItem(option)\"\r\n              [class.selected]=\"isSelected(option)\"\r\n            >\r\n              <span>{{ option?.title }}</span>\r\n            </li>\r\n          } @empty {\r\n            @if (isLoading()) {\r\n              <div class=\"p-3\">{{ \"loading\" | translate }}</div>\r\n            } @else if (searchInput.value && hasSearched()) {\r\n              <div class=\"p-3 flex items-center justify-center\">\r\n                {{ \"correspondence-relation.notfound\" | translate }}\r\n              </div>\r\n            }\r\n          }\r\n        </ul>\r\n      </div>\r\n      <div class=\"chip-list mt-3\" *ngIf=\"related_corr.length > 0\">\r\n        <mat-chip-list #chipList aria-label=\"corr selection\">\r\n          <mat-chip\r\n            *ngFor=\"let corr of related_corr\"\r\n            [selectable]=\"selectable\"\r\n            [removable]=\"removable\"\r\n            (removed)=\"on_remove_relation_Chip(corr)\"\r\n            class=\"mx-1\"\r\n          >\r\n            {{ corr.title }}\r\n            <mat-icon matChipRemove *ngIf=\"removable\">cancel</mat-icon>\r\n          </mat-chip>\r\n        </mat-chip-list>\r\n      </div>\r\n      <div class=\"exist-relation\" *ngIf=\"exist\">\r\n        <span> {{ \"correspondence-relation.exist\" | translate }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"button-group d-flex flex-row-reverse\">\r\n    <cts-button\r\n      [theme]=\"'danger'\"\r\n      size=\"'regular'\"\r\n      [loading]=\"saving\"\r\n      class=\"voc-form-close\"\r\n      mat-dialog-close\r\n    >\r\n      {{ \"BUTTONS.CLOSE\" | translate }}\r\n    </cts-button>\r\n    <cts-button\r\n      (onClick)=\"onSaveClick()\"\r\n      [theme]=\"'primary'\"\r\n      size=\"'regular'\"\r\n      [disabled]=\"\r\n        !this.createform.controls.relationname.valid || related_corr.length == 0\r\n      \"\r\n    >\r\n      {{ \"correspondence-relation.save\" | translate }}\r\n    </cts-button>\r\n  </div>\r\n</div>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:700;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}.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,.my-dynamic-viewer .direction-img .outgoing,.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,.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.correspondence-relation-container{padding:20px}.correspondence-relation-container .correspondence-relation-title{margin-bottom:8px;font-size:20px;color:#465573}.correspondence-relation-container .mat-dialog-content{height:100%;width:100%}.correspondence-relation-container .button-group{margin-top:12px;column-gap:6px!important}.correspondence-relation-container .button-group cts-button{width:16%}@media (max-width: 992px){.correspondence-relation-container .button-group cts-button{width:20%}}@media only screen and (max-width: 768px){.correspondence-relation-container .button-group cts-button{width:28%}}.correspondence-relation-container .item{margin:1px;padding:8px 10px;font-size:.75rem}.correspondence-relation-container .dialog-actions button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:70px;border-radius:3px}.correspondence-relation-container .dialog-actions button:disabled{opacity:.4;cursor:not-allowed}.correspondence-relation-container .dialog-actions button:hover{opacity:.7}.correspondence-relation-container .suggestions-container{height:150px!important;margin-top:10px;border:1px lightgray solid;overflow-y:auto}.correspondence-relation-container .suggestions-container ul{padding:0}.correspondence-relation-container .suggestions-container .item{position:relative;list-style:none;margin:1px;padding:8px 10px;font-size:.75rem;cursor:pointer;color:#282828}.correspondence-relation-container .suggestions-container .item:hover:not(.selected){background:#8f98aa1a}.correspondence-relation-container .suggestions-container .item.selected{background:#e9f0ff;pointer-events:none}.correspondence-relation-container .search-relation-container{position:relative;display:grid;grid-template-columns:1fr}.correspondence-relation-container .search-relation-container__input{grid-column:1;grid-row:1}.correspondence-relation-container .search-relation-container__clear{grid-column:1;grid-row:1;z-index:2;justify-self:end;align-self:center;padding-inline:8px;display:grid;place-items:center;cursor:pointer}.correspondence-relation-container .chip-list{max-height:150px;border:1px lightgray solid;overflow:auto;padding:10px;margin-bottom:10px;width:100%}.correspondence-relation-container .chip-list .mat-mdc-chip.mat-mdc-standard-chip{border-radius:5px!important}.correspondence-relation-container .chip-list .mat-mdc-chip.mat-mdc-standard-chip{background-color:#8f98aa1a!important;height:auto}.correspondence-relation-container .autocomplete-container{box-shadow:none!important}.correspondence-relation-container .autocomplete-container .input-container input{background-color:#8f98aa1a!important;padding:10px!important}.correspondence-relation-container .exist-relation{background-color:#f8d7da!important;color:#842029!important;border-color:#f5c2c7!important;position:absolute;width:100%;top:300px}.correspondence-relation-container .autocomplete-container .suggestions-container .complete-selected,.correspondence-relation-container .autocomplete-container .suggestions-container ul li:hover{background-color:#8f98aa1a!important}.correspondence-relation-container .vocabulary-list{margin-bottom:10px}.correspondence-relation-container .vocabulary-list .mat-error{display:none!important}.correspondence-relation-container .mat-dialog-content{margin:3px 0 0!important;padding:0!important}[dir=rtl] .input-container input{direction:rtl}[dir=rtl] .x{left:10px;right:auto!important}\n"] }]
+            args: [{ selector: "cts-correspondence-relation-create-form", encapsulation: ViewEncapsulation.None, standalone: false, template: "<div\r\n  class=\"correspondence-relation-container\"\r\n  SetDirRtl\r\n  style=\"height: 80%; width: 100%\"\r\n>\r\n  <div class=\"correspondence-relation-title\">\r\n    {{ \"correspondence-relation.add\" | translate }}\r\n  </div>\r\n  <!-- <mat-divider></mat-divider> -->\r\n  <div mat-dialog-content [formGroup]=\"createform\">\r\n    <div class=\"vocabulary-list\">\r\n      <app-dynamic-form-vocabulary-item\r\n        [label]=\"'correspondence-relation.relation-type'\"\r\n        [bindLabel]=\"'label'\"\r\n        [bindValue]=\"'id'\"\r\n        placeholder=\"{{ 'VOCABULARY.SELECT_ITEM' | translate }}\"\r\n        [multiple]=\"false\"\r\n        [searchable]=\"false\"\r\n        [closeOnSelect]=\"true\"\r\n        [hideSelectedItems]=\"false\"\r\n        [vocabularyType]=\"'VOC_CorrespondenceRelationsNames'\"\r\n        formControlName=\"relationname\"\r\n        (onSelecting)=\"reset()\"\r\n      >\r\n      </app-dynamic-form-vocabulary-item>\r\n    </div>\r\n\r\n    <div class=\"search-container\" *ngIf=\"createform.value.relationname\">\r\n      <ng-autocomplete\r\n        #auto\r\n        [data]=\"documentList\"\r\n        [searchKeyword]=\"'filter'\"\r\n        (selected)=\"selectItem($event)\"\r\n        (inputChanged)=\"onSearchInputChange($event)\"\r\n        [customFilter]=\"disableFilter\"\r\n        (closed)=\"keep_Autocomplete_Results_Open()\"\r\n        [itemTemplate]=\"itemTemplate\"\r\n        [notFoundTemplate]=\"notFoundTemplate\"\r\n        [placeholder]=\"'correspondence-relation.searchby' | translate\"\r\n        [debounceTime]=\"1000\"\r\n        [isLoading]=\"isLoading\"\r\n        (inputCleared)=\"inputCleared()\"\r\n      >\r\n      </ng-autocomplete>\r\n\r\n      <ng-template #itemTemplate let-item>\r\n        <div class=\"item\">\r\n          <span>{{ item.title }}</span>\r\n        </div>\r\n      </ng-template>\r\n\r\n      <ng-template #notFoundTemplate>\r\n        <div>{{ \"correspondence-relation.notfound\" | translate }}</div>\r\n      </ng-template>\r\n\r\n      <div class=\"chip-list\" *ngIf=\"related_corr.length > 0\">\r\n        <mat-chip-list #chipList aria-label=\"corr selection\">\r\n          <mat-chip\r\n            *ngFor=\"let corr of related_corr\"\r\n            [selectable]=\"selectable\"\r\n            [removable]=\"removable\"\r\n            (removed)=\"on_remove_relation_Chip(corr)\"\r\n          >\r\n            {{ corr.title }}\r\n            <mat-icon matChipRemove *ngIf=\"removable\">cancel</mat-icon>\r\n          </mat-chip>\r\n        </mat-chip-list>\r\n      </div>\r\n      <div class=\"exist-relation\" *ngIf=\"exist\">\r\n        <span> {{ \"correspondence-relation.exist\" | translate }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"button-group d-flex flex-row-reverse\">\r\n    <cts-button\r\n      [theme]=\"'danger'\"\r\n      size=\"'regular'\"\r\n      [loading]=\"saving\"\r\n      class=\"voc-form-close\"\r\n      mat-dialog-close\r\n    >\r\n      {{ \"BUTTONS.CLOSE\" | translate }}\r\n    </cts-button>\r\n    <cts-button\r\n      (onClick)=\"onSaveClick()\"\r\n      [theme]=\"'primary'\"\r\n      size=\"'regular'\"\r\n      [disabled]=\"\r\n        !this.createform.controls.relationname.valid || related_corr.length == 0\r\n      \"\r\n    >\r\n      {{ \"correspondence-relation.save\" | translate }}\r\n    </cts-button>\r\n  </div>\r\n</div>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:700;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}.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,.my-dynamic-viewer .direction-img .outgoing,.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,.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.correspondence-relation-container{padding:20px}.correspondence-relation-container .correspondence-relation-title{margin-bottom:8px;font-size:20px;color:#465573}.correspondence-relation-container .mat-dialog-content{height:100%;width:100%}.correspondence-relation-container .button-group{margin-top:12px;column-gap:6px!important}.correspondence-relation-container .button-group cts-button{width:16%}@media (max-width: 992px){.correspondence-relation-container .button-group cts-button{width:20%}}@media only screen and (max-width: 768px){.correspondence-relation-container .button-group cts-button{width:28%}}.correspondence-relation-container .item{margin:1px;padding:8px 10px;font-size:.75rem}.correspondence-relation-container .dialog-actions button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:70px;border-radius:3px}.correspondence-relation-container .dialog-actions button:disabled{opacity:.4;cursor:not-allowed}.correspondence-relation-container .dialog-actions button:hover{opacity:.7}.correspondence-relation-container .autocomplete-container .suggestions-container ul{max-height:150px!important}.correspondence-relation-container .autocomplete-container .suggestions-container{height:150px!important;margin-top:10px;max-height:150px!important;border:1px lightgray solid!important;box-shadow:none!important}.correspondence-relation-container .search-container{position:relative}.correspondence-relation-container .chip-list{max-height:150px;border:1px lightgray solid;overflow:scroll;padding:10px;margin-bottom:10px;top:215px;position:absolute;width:100%}.correspondence-relation-container .chip-list .mat-mdc-chip.mat-mdc-standard-chip{border-radius:5px!important}.correspondence-relation-container .chip-list .mat-mdc-chip.mat-mdc-standard-chip{background-color:#8f98aa1a!important;height:auto}.correspondence-relation-container .autocomplete-container{box-shadow:none!important}.correspondence-relation-container .autocomplete-container .input-container input{background-color:#8f98aa1a!important;padding:10px!important}.correspondence-relation-container .exist-relation{background-color:#f8d7da!important;color:#842029!important;border-color:#f5c2c7!important;position:absolute;width:100%;top:300px}.correspondence-relation-container .autocomplete-container .suggestions-container .complete-selected,.correspondence-relation-container .autocomplete-container .suggestions-container ul li:hover{background-color:#8f98aa1a!important}.correspondence-relation-container .vocabulary-list{margin-bottom:10px}.correspondence-relation-container .vocabulary-list .mat-error{display:none!important}.correspondence-relation-container .mat-dialog-content{margin:3px 0 0!important;padding:0!important}[dir=rtl] .input-container input{direction:rtl}[dir=rtl] .x{left:10px;right:auto!important}\n"] }]
         }], ctorParameters: () => [{ type: i2$2.UntypedFormBuilder }, { type: CorrespondenceRelationService }, { type: CustomToastrService }, { type: i1$6.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
-                }] }] });
+                }] }], propDecorators: { auto: [{
+                type: ViewChild,
+                args: ["auto"]
+            }] } });
 
 class DocumentsConstants {
     static { this.pageProvider = {
@@ -9634,7 +9256,7 @@ class CorrespondenceRelationListComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CorrespondenceRelationListComponent, deps: [{ token: CorrespondenceRelationService }, { token: i1$6.MatDialog }, { token: ViewerFilesService }, { token: DocumentsService }, { token: AdapterService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CorrespondenceRelationListComponent, isStandalone: false, 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              {{\r\n                \"vocabulary.VOC_CorrespondenceRelationsNames.\" + group[0]\r\n                  | translate\r\n              }}\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"], dependencies: [{ kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "directive", type: i8.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i8.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i8.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i8.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i8.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }, { kind: "component", type: ItemListComponent, selector: "cts-item-list", inputs: ["item", "iconname", "title", "actions", "isselected", "moreclasses"], outputs: ["itemClicked", "actionclicked"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CorrespondenceRelationListComponent, isStandalone: false, 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              {{\r\n                \"vocabulary.VOC_CorrespondenceRelationsNames.\" + group[0]\r\n                  | translate\r\n              }}\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"], dependencies: [{ kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "directive", type: i8$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i8$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i8$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i8$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i8$1.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }, { kind: "component", type: ItemListComponent, selector: "cts-item-list", inputs: ["item", "iconname", "title", "actions", "isselected", "moreclasses"], outputs: ["itemClicked", "actionclicked"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CorrespondenceRelationListComponent, decorators: [{
             type: Component,
@@ -9940,6 +9562,140 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 type: Output
             }] } });
 
+/** Auto complete dropdown component
+ * @title
+ * Search Autocomplete
+ */
+class SearchAutocompleteComponent {
+    get invalid() {
+        return this.control ? this.control.invalid : false;
+    }
+    get showError() {
+        if (!this.control) {
+            return false;
+        }
+        const { dirty, touched } = this.control;
+        return this.invalid ? dirty || touched : false;
+    }
+    writeValue(value) {
+        if (value) {
+            this.target = value;
+            this.auto.query = this.target?.title;
+        }
+    }
+    registerOnChange(fn) {
+        this.propagateChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    validate(c) {
+        return this.validateFn(c);
+    }
+    isRequired() {
+        if (!this.control || !this.control.control.validator) {
+            return false;
+        }
+        const validator = this.control.control.validator({});
+        return validator && validator.required;
+    }
+    hasErrors() {
+        return this.showError;
+    }
+    reset() {
+        this.inputCleared();
+        this.searchautocomplete.reset();
+    }
+    constructor(corressvc, control) {
+        this.corressvc = corressvc;
+        this.control = control;
+        this.loading = false;
+        this.target = {};
+        /** event emitter that will fire with selected item info when an item is selected */
+        this.onSelecting = new EventEmitter();
+        // function related to value accessor
+        this.propagateChange = () => { };
+        this.validateFn = () => { };
+        this.onTouched = () => {
+            /*Empty*/
+        };
+        /**ng-Autocomplete related functions */
+        this.alwaysopened = false;
+        this.isLoading = false;
+        this.documentList = [];
+        this.control.valueAccessor = this;
+    }
+    ngOnChanges(changes) {
+        this.correspondanceId = this.correspondanceId;
+        console.log('id', this.correspondanceId);
+    }
+    ngOnInit() {
+    }
+    inputCleared() {
+        this.documentList = [];
+        this.auto.close();
+        this.target = {};
+        this.propagateChange();
+        this.onSelecting.emit();
+    }
+    selectItem(item) {
+        this.target = item;
+        this.propagateChange(item);
+        this.onSelecting.emit(item);
+    }
+    onSearchInputChange(val) {
+        if (val?.length == 0) {
+            return;
+        }
+        this.corressvc
+            .search(val, {
+            Correspondence_replied: false,
+            Correspondence_direction: this.direction ? this.direction : null
+        })
+            .subscribe((data) => {
+            this.documentList = data.filter((correspondance) => {
+                if (this.correspondanceId) {
+                    return this.correspondanceId != correspondance.id;
+                }
+                else {
+                    return correspondance;
+                }
+            });
+            // this.documentList = data;
+            this.isLoading = false;
+            return this.documentList;
+        });
+    }
+    //disableFilter = (items: any[]) => items;
+    close() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SearchAutocompleteComponent, deps: [{ token: CorrespondenceRelationService }, { token: i2$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SearchAutocompleteComponent, isStandalone: false, selector: "cts-search-autocomplete", inputs: { placeholder: "placeholder", label: "label", correspondanceId: "correspondanceId", direction: "direction" }, outputs: { onSelecting: "onSelecting" }, viewQueries: [{ propertyName: "searchautocomplete", first: true, predicate: SearchAutocompleteComponent, descendants: true }, { propertyName: "auto", first: true, predicate: ["auto"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"search-container\">\r\n  <ng-container>\r\n    <div>\r\n      <label class=\"select-label\" >{{ label | translate\r\n      }}</label>\r\n    </div>\r\n  </ng-container>\r\n  <!-- [customFilter]=\"disableFilter\" -->\r\n  <ng-autocomplete #auto [data]=\"documentList\" [searchKeyword]=\"'filter'\" (selected)='selectItem($event)'\r\n    (inputChanged)='onSearchInputChange($event)' (closed)=\"close()\" [itemTemplate]=\"itemTemplate\"\r\n    [notFoundTemplate]=\"notFoundTemplate\" [placeholder]=\"'correspondence-relation.searchby' | translate\"\r\n    [debounceTime]='1000' [isLoading]=\"isLoading\" (inputCleared)='inputCleared()'>\r\n  </ng-autocomplete>\r\n\r\n  <ng-template #itemTemplate let-item>\r\n    <div class=\"item\">\r\n      <span>{{item.title}}</span>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <ng-template #notFoundTemplate>\r\n    <div>{{'correspondence-relation.notfound' | translate}}</div>\r\n  </ng-template>\r\n</div>", styles: [".select-label{color:#8f98aa;font-size:12px;margin-bottom:0}.autocomplete-container .suggestions-container ul{max-height:150px!important}.autocomplete-container .suggestions-container .is-visible{height:150px!important;max-height:150px!important;border:1px lightgray solid!important;box-shadow:none!important}.autocomplete-container{box-shadow:none!important}.autocomplete-container .input-container input{background-color:#8f98aa1a!important;padding:10px!important;border:1px solid #ccc!important;border-radius:5px!important}.autocomplete-container .suggestions-container .complete-selected,.autocomplete-container .suggestions-container ul li:hover{background-color:#f5faff!important}.autocomplete-container .suggestions-container ul li{padding:8px 10px!important}[dir=rtl] .input-container input{direction:rtl}[dir=rtl] .x{left:10px;right:auto!important}\n"], dependencies: [{ kind: "component", type: i8.AutocompleteComponent, selector: "ng-autocomplete", inputs: ["data", "searchKeyword", "placeholder", "heading", "initialValue", "historyIdentifier", "historyHeading", "historyListMaxNumber", "notFoundText", "isLoading", "debounceTime", "disabled", "minQueryLength", "focusFirst", "customFilter", "selectedValueRender", "itemTemplate", "notFoundTemplate"], outputs: ["selected", "inputChanged", "inputFocused", "inputCleared", "opened", "closed", "scrolledToEnd"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SearchAutocompleteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cts-search-autocomplete', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"search-container\">\r\n  <ng-container>\r\n    <div>\r\n      <label class=\"select-label\" >{{ label | translate\r\n      }}</label>\r\n    </div>\r\n  </ng-container>\r\n  <!-- [customFilter]=\"disableFilter\" -->\r\n  <ng-autocomplete #auto [data]=\"documentList\" [searchKeyword]=\"'filter'\" (selected)='selectItem($event)'\r\n    (inputChanged)='onSearchInputChange($event)' (closed)=\"close()\" [itemTemplate]=\"itemTemplate\"\r\n    [notFoundTemplate]=\"notFoundTemplate\" [placeholder]=\"'correspondence-relation.searchby' | translate\"\r\n    [debounceTime]='1000' [isLoading]=\"isLoading\" (inputCleared)='inputCleared()'>\r\n  </ng-autocomplete>\r\n\r\n  <ng-template #itemTemplate let-item>\r\n    <div class=\"item\">\r\n      <span>{{item.title}}</span>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <ng-template #notFoundTemplate>\r\n    <div>{{'correspondence-relation.notfound' | translate}}</div>\r\n  </ng-template>\r\n</div>", styles: [".select-label{color:#8f98aa;font-size:12px;margin-bottom:0}.autocomplete-container .suggestions-container ul{max-height:150px!important}.autocomplete-container .suggestions-container .is-visible{height:150px!important;max-height:150px!important;border:1px lightgray solid!important;box-shadow:none!important}.autocomplete-container{box-shadow:none!important}.autocomplete-container .input-container input{background-color:#8f98aa1a!important;padding:10px!important;border:1px solid #ccc!important;border-radius:5px!important}.autocomplete-container .suggestions-container .complete-selected,.autocomplete-container .suggestions-container ul li:hover{background-color:#f5faff!important}.autocomplete-container .suggestions-container ul li{padding:8px 10px!important}[dir=rtl] .input-container input{direction:rtl}[dir=rtl] .x{left:10px;right:auto!important}\n"] }]
+        }], ctorParameters: () => [{ type: CorrespondenceRelationService }, { type: i2$2.NgControl, decorators: [{
+                    type: Self
+                }, {
+                    type: Optional
+                }] }], propDecorators: { searchautocomplete: [{
+                type: ViewChild,
+                args: [SearchAutocompleteComponent]
+            }], auto: [{
+                type: ViewChild,
+                args: ['auto']
+            }], placeholder: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], correspondanceId: [{
+                type: Input
+            }], direction: [{
+                type: Input
+            }], onSelecting: [{
+                type: Output
+            }] } });
+
 class BaseNgbDatePicker extends DestroySubject {
     constructor(calendar, formatter) {
         // this.selectedDate.from = calendar.getToday();
@@ -10058,7 +9814,7 @@ class BaseNgbDatePicker extends DestroySubject {
     }
     listenToEnteredDate() {
         this.dateControl.valueChanges
-            .pipe(skip(1), takeUntil(this.destroy$), distinctUntilChanged(), debounceTime$1(500))
+            .pipe(skip(1), takeUntil(this.destroy$), distinctUntilChanged(), debounceTime(500))
             .subscribe((res) => {
             this.selectedDateChange.emit(this.selectedDate);
         });
@@ -10633,511 +10389,99 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 }]
         }] });
 
-class DepartmentConstants {
-    static { this.fields = {
-        title: 'dc:title',
-        description: 'dc:description',
-        agencyCode: 'dept:agencyCode',
-        arabicName: 'dept:arabicName',
-        englishName: 'dept:englishName',
-        deptTypee: 'dept:deptTypee',
-        isAllowRecExternal: 'dept:isAllowRecExternal',
-        manager: 'dept:manager',
-    }; }
+function transformKeyToObject(key, value) {
+    const objectLevels = key.split('.').reverse();
+    return objectLevels.reduce((previousValue, currentValue) => {
+        return { [currentValue]: previousValue };
+    }, value);
 }
-
-const departmentCacheBuster$ = new Subject();
-const minute$1 = 60000;
-/** @ignore */
-class DepartmentApiService {
-    get tenantEnabled() {
-        return EnvManager.environment.enableTenant == "YES";
+class DynamicFormUpdateService {
+    constructor(callApi) {
+        this.callApi = callApi;
+        this.itemUpdated$ = new Subject();
+        this.itemClicked$ = new Subject();
+        this.validate$ = new Subject();
     }
-    constructor(CallApiService, translation, nuxeoService, adapter, globalAdminService, environment) {
-        this.CallApiService = CallApiService;
-        this.translation = translation;
-        this.nuxeoService = nuxeoService;
-        this.adapter = adapter;
-        this.globalAdminService = globalAdminService;
-        this.environment = environment;
-        this.translation.isArabic.subscribe((res) => {
-            this.arabic = res;
+    update(property, newValue) {
+        this.itemUpdated$.next({
+            target: property,
+            changed: transformKeyToObject(property.key, newValue)
+        });
+        this.validate$.next({
+            target: property,
+            changed: newValue
         });
     }
-    getDepartmentTree(customPageProvider, customParams) {
-        let obj = customParams ? customParams : {};
-        let params = {
-            pageProvider: customPageProvider ? customPageProvider : "PP_Department",
-            currentPageIndex: 0,
-            offset: 0,
-            pageSize: 40,
-            quickFilters: "Parent Dept",
-            ...obj,
-        };
-        if (this.globalAdminService.isGlobalAdmin && this.tenantEnabled) {
-            params["queryParams"] = this.globalAdminService.activeTenant;
-        }
-        else if (!this.globalAdminService.isGlobalAdmin &&
-            this.tenantEnabled &&
-            this.nuxeoService.nuxeoClient.user.properties.tenantId) {
-            params["queryParams"] =
-                this.nuxeoService.nuxeoClient.user.properties.tenantId;
-        }
-        return this.CallApiService.query({
-            ...params,
-        }, {
-            headers: {
-                "X-NXproperties": "*",
-                "enrichers-document": "children",
-                depth: "max",
-            },
+    validate(property, newValue) {
+        this.validate$.next({
+            target: property,
+            changed: newValue
         });
     }
-    getDepartmentDetails(code, customPageProvider) {
-        let params = {
-            pageProvider: customPageProvider
-                ? customPageProvider
-                : "PP_Department_With_ElasticSearch",
-            currentPageIndex: 0,
-            offset: 0,
-            pageSize: 40,
-            dublincore_title: code,
-        };
-        if (this.globalAdminService.isGlobalAdmin && this.tenantEnabled) {
-            params["queryParams"] = this.globalAdminService.activeTenant;
-        }
-        else if (!this.globalAdminService.isGlobalAdmin &&
-            this.tenantEnabled &&
-            this.nuxeoService.nuxeoClient.user.properties.tenantId) {
-            params["queryParams"] =
-                this.nuxeoService.nuxeoClient.user.properties.tenantId;
-        }
-        return this.CallApiService.query({
-            ...params,
-        }, {
-            headers: {
-                "X-NXproperties": "*",
-                "enrichers-document": "children",
-                depth: "max",
-            },
+    clicked(property) {
+        this.itemClicked$.next({
+            target: property
         });
     }
-    getDepartmentNestedTree(code, customPageProvider, customParentCodeProperty) {
-        let params = {};
-        customParentCodeProperty
-            ? (params[customParentCodeProperty] = code)
-            : (params = { department_parentDepartmentCode: code });
-        if (this.globalAdminService.isGlobalAdmin && this.tenantEnabled) {
-            params["queryParams"] = this.globalAdminService.activeTenant;
-        }
-        else if (!this.globalAdminService.isGlobalAdmin &&
-            this.tenantEnabled &&
-            this.nuxeoService.nuxeoClient.user.properties.tenantId) {
-            params["queryParams"] =
-                this.nuxeoService.nuxeoClient.user.properties.tenantId;
-        }
-        return this.CallApiService.query({
-            pageProvider: customPageProvider ? customPageProvider : "PP_Department",
-            currentPageIndex: 0,
-            offset: 0,
-            pageSize: 40,
+    getTextBoxSuggestionResults(pageProvider, params, key, autoCompleteValueKey, customProperties) {
+        return this.callApi
+            .query({
+            pageProvider: pageProvider,
             ...params,
         }, {
             headers: {
-                "X-NXproperties": "*",
-                "enrichers-document": "children",
-                depth: "max",
+                "X-NXproperties": customProperties,
             },
-        });
-    }
-    getDepartment(uid, fields) {
-        return from(this.nuxeoService.nuxeoClient
-            .repository()
-            .headers({
-            "X-NXproperties": "*",
         })
-            .fetch(uid)).pipe(map((data) => {
-            return this.adapter.adaptIn(data, fields ? fields : DepartmentConstants.fields);
+            .pipe(map((data) => {
+            let results = [];
+            if (pageProvider == "PP_Correspondence_RelationSeach") {
+                data.entries.map((item) => {
+                    results.push({
+                        //  title: item.title,
+                        title: item.properties["corr:referenceNumber"] !== null ? item.properties["corr:referenceNumber"] + " - " + item.properties["corr:subject"] : item.properties["corr:subject"],
+                        id: item.uid,
+                        filter: item.title,
+                        number: item.properties["corr:referenceNumber"],
+                        subject: item.properties["corr:subject"]
+                    });
+                });
+            }
+            else {
+                let myInternalResult = data.aggregations[autoCompleteValueKey];
+                myInternalResult.buckets.map((item) => {
+                    results.push({
+                        title: item.key
+                    });
+                });
+            }
+            return results;
         }), catchError((err) => {
             throw err;
         }));
     }
-    // testing
-    createDepartment(Department, parentId, customOperation, fields) {
-        let context = {
-            department: this.adapter.adaptOut(Department, fields ? fields : DepartmentConstants.fields),
-        };
-        if (this.globalAdminService.isGlobalAdmin && this.tenantEnabled) {
-            context["tenantId"] = this.globalAdminService.activeTenant;
-        }
-        return from(this.nuxeoService.nuxeoClient
-            .operation(customOperation ? customOperation : "AC_UA_Depatrment_Create", {
-            url: `${this.environment.nuxeo}${this.environment.customAutomation}`,
-        })
-            .input(parentId)
-            .context({
-            ...context,
-        })
-            .execute()).pipe(catchError((err) => {
-            console.log(err);
-            throw err;
-        }));
-    }
-    createDepartmentInRoot(Department, customOperation) {
-        let context = {
-            department: this.adapter.adaptOut(Department, DepartmentConstants.fields),
-        };
-        if (this.globalAdminService.isGlobalAdmin && this.tenantEnabled) {
-            context["tenantId"] = this.globalAdminService.activeTenant;
-        }
-        return from(this.nuxeoService.nuxeoClient
-            .operation(customOperation ? customOperation : "AC_UA_Depatrment_Create_InRoot", {
-            url: `${this.environment.nuxeo}${this.environment.customAutomation}`,
-        })
-            .context({
-            ...context,
-        })
-            .execute()).pipe(catchError((err) => {
-            console.log(err);
-            throw err;
-        }));
-    }
-    updateDepartment(Department, departmentId, customOperation, fields) {
-        let context = {
-            department: this.adapter.adaptOut(Department, fields ? fields : DepartmentConstants.fields),
-        };
-        if (this.globalAdminService.isGlobalAdmin && this.tenantEnabled) {
-            context["tenantId"] = this.globalAdminService.activeTenant;
-        }
-        return from(this.nuxeoService.nuxeoClient
-            .operation(customOperation ? customOperation : "AC_UA_Department_Update", {
-            url: `${this.environment.nuxeo}${this.environment.customAutomation}`,
-        })
-            .input(departmentId)
-            .context({
-            ...context,
-        })
-            .execute()).pipe(catchError((err) => {
-            console.log(err);
-            throw err;
-        }));
-    }
-    recursiveFill(entries, level = 0, treeview = true, collapsed = true, customPrefix) {
-        return entries.map((item) => {
-            let treeViewObj = treeview
-                ? {
-                    text: this.arabic
-                        ? item.properties
-                            ? item.properties[customPrefix
-                                ? customPrefix + ":arabicName"
-                                : "dept:arabicName"]
-                            : "--"
-                        : item.properties
-                            ? item.properties[customPrefix
-                                ? customPrefix + ":englishName"
-                                : "dept:englishName"]
-                            : "--",
-                    value: { ...item, level },
-                }
-                : {
-                    text: this.arabic
-                        ? item.properties
-                            ? item.properties[customPrefix
-                                ? customPrefix + ":arabicName"
-                                : "dept:arabicName"]
-                            : "--"
-                        : item.properties
-                            ? item.properties[customPrefix
-                                ? customPrefix + ":englishName"
-                                : "dept:englishName"]
-                            : "--",
-                    value: item.title,
-                };
-            const treeItem = new TreeviewItem({
-                ...treeViewObj,
-                collapsed: level >= 2 && collapsed ? true : false,
-            });
-            if (item.contextParameters &&
-                item.contextParameters.children.entries.length) {
-                treeItem.children = this.recursiveFill(item.contextParameters.children.entries, level + 1, undefined, undefined, customPrefix);
-            }
-            return treeItem;
-        });
-    }
-    getFullDepartmentTree(customPageProvider, customParams, childrenOfSpecificDep) {
-        let obj = customParams ? customParams : {};
-        let params = {
-            pageProvider: customPageProvider ? customPageProvider : "PP_Department",
-            currentPageIndex: 0,
-            offset: 0,
-            pageSize: 40,
-            // quickFilters: 'Parent Dept',
-            ...obj,
-        };
-        if (childrenOfSpecificDep !== null) {
-            params["dublincore_title"] = childrenOfSpecificDep;
-        }
-        else {
-            params["quickFilters"] = "Parent Dept";
-        }
-        if (this.globalAdminService.isGlobalAdmin) {
-            params["queryParams"] = this.globalAdminService.activeTenant;
-        }
-        else if (!this.globalAdminService.isGlobalAdmin &&
-            this.nuxeoService.nuxeoClient.user.properties.tenantId) {
-            params["queryParams"] =
-                this.nuxeoService.nuxeoClient.user.properties.tenantId;
-        }
-        return this.CallApiService.query({
-            ...params,
-        }, {
-            headers: {
-                "X-NXproperties": "*",
-                "enrichers-document": "children",
-                depth: "max",
-            },
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DepartmentApiService, deps: [{ token: CallApiService }, { token: TranslationService }, { token: NuxeoService }, { token: AdapterService }, { token: GlobalAdminService }, { token: "environment" }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DepartmentApiService, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormUpdateService, deps: [{ token: CallApiService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormUpdateService, providedIn: 'root' }); }
 }
-__decorate([
-    Cacheable({
-        cacheBusterObserver: departmentCacheBuster$,
-        storageStrategy: LocalStorageStrategy,
-        maxAge: 60 * minute$1,
-    })
-], DepartmentApiService.prototype, "getDepartmentTree", null);
-__decorate([
-    Cacheable({
-        maxCacheCount: 200,
-        storageStrategy: LocalStorageStrategy,
-        cacheBusterObserver: departmentCacheBuster$,
-        maxAge: 120 * minute$1,
-    })
-], DepartmentApiService.prototype, "getDepartmentDetails", null);
-__decorate([
-    Cacheable({
-        maxCacheCount: 200,
-        cacheBusterObserver: departmentCacheBuster$,
-        storageStrategy: LocalStorageStrategy,
-        maxAge: 60 * minute$1,
-    })
-], DepartmentApiService.prototype, "getDepartmentNestedTree", null);
-__decorate([
-    CacheBuster({
-        cacheBusterNotifier: departmentCacheBuster$,
-    })
-], DepartmentApiService.prototype, "createDepartment", null);
-__decorate([
-    CacheBuster({
-        cacheBusterNotifier: departmentCacheBuster$,
-    })
-], DepartmentApiService.prototype, "createDepartmentInRoot", null);
-__decorate([
-    CacheBuster({
-        cacheBusterNotifier: departmentCacheBuster$,
-    })
-], DepartmentApiService.prototype, "updateDepartment", null);
-__decorate([
-    Cacheable({
-        cacheBusterObserver: departmentCacheBuster$,
-        storageStrategy: LocalStorageStrategy,
-    })
-], DepartmentApiService.prototype, "getFullDepartmentTree", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DepartmentApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormUpdateService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: "root",
+                    providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: CallApiService }, { type: TranslationService }, { type: NuxeoService }, { type: AdapterService }, { type: GlobalAdminService }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: ["environment"]
-                }] }], propDecorators: { getDepartmentTree: [], getDepartmentDetails: [], getDepartmentNestedTree: [], createDepartment: [], createDepartmentInRoot: [], updateDepartment: [], getFullDepartmentTree: [] } });
+        }], ctorParameters: () => [{ type: CallApiService }] });
 
-/**
- * A toggle input that can be used inside reactive or template driven forms
- * @title
- * Sliding Toggle
- * @example
- * <cts-dynamic-form-slide-toggleitem
- *   [label]="'PATH.TO.LABEL.TRANSLATION'"
- *   formControlName="controlname"
- *  >
- * </cts-dynamic-form-slide-toggleitem>
- */
-class DynamicFormSlideToggleitemComponent {
-    constructor(control) {
-        this.control = control;
-        /** is disabled */
-        this.disabled = false;
-        /** is checked */
-        this.checked = false;
-        /** event to emit to outside to tell about toggling */
-        this.onToggle = new EventEmitter();
-        this.onChange = () => { };
-        this.onTouched = () => { };
-        this.control.valueAccessor = this;
-    }
-    writeValue(obj) {
-        this.value = obj;
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
+/** @ignore */
+class DynamicFormBoolItemComponent {
+    constructor(dynamicFormUpdateService, translate) {
+        this.dynamicFormUpdateService = dynamicFormUpdateService;
+        this.translate = translate;
     }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
+    isEditable() {
+        return this.editable && this.property.editable;
     }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-    isRequired() {
-        if (!this.control.control.validator) {
-            return false;
-        }
-        const validator = this.control.control.validator({});
-        return validator && validator.required;
-    }
-    setValue(event) {
-        this.onChange(event.checked);
-        this.onToggle.emit();
-    }
-    ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormSlideToggleitemComponent, deps: [{ token: i2$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DynamicFormSlideToggleitemComponent, isStandalone: false, selector: "cts-dynamic-form-slide-toggleitem", inputs: { label: "label", disabled: "disabled", checked: "checked", theme: "theme" }, outputs: { onToggle: "onToggle" }, ngImport: i0, template: "<div class=\"dynamic-toggle\">\r\n  <mat-slide-toggle\r\n    [checked]=\"checked\"\r\n    [disabled]=\"disabled\"\r\n    [(ngModel)]=\"value\"\r\n    (change)=\"setValue($event)\"\r\n    >{{ label | translate\r\n    }}<span *ngIf=\"isRequired()\" class=\"text-danger mx-1\"\r\n      >*</span\r\n    ></mat-slide-toggle\r\n  >\r\n</div>\r\n<!-- [required]=\"isRequired()\" -->\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:700;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}.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,.my-dynamic-viewer .direction-img .outgoing,.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,.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.dynamic-toggle .mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:transparent;background-image:linear-gradient(to right,#0dbab5,#1a96c6);margin:0 10px}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#fff}.rtl .mat-slide-toggle-label-before .mat-slide-toggle-bar,.rtl .mat-slide-toggle-bar{margin-left:8px;margin-right:0!important}\n"], dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$a.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormSlideToggleitemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cts-dynamic-form-slide-toggleitem', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"dynamic-toggle\">\r\n  <mat-slide-toggle\r\n    [checked]=\"checked\"\r\n    [disabled]=\"disabled\"\r\n    [(ngModel)]=\"value\"\r\n    (change)=\"setValue($event)\"\r\n    >{{ label | translate\r\n    }}<span *ngIf=\"isRequired()\" class=\"text-danger mx-1\"\r\n      >*</span\r\n    ></mat-slide-toggle\r\n  >\r\n</div>\r\n<!-- [required]=\"isRequired()\" -->\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:700;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}.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,.my-dynamic-viewer .direction-img .outgoing,.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,.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.dynamic-toggle .mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:transparent;background-image:linear-gradient(to right,#0dbab5,#1a96c6);margin:0 10px}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#fff}.rtl .mat-slide-toggle-label-before .mat-slide-toggle-bar,.rtl .mat-slide-toggle-bar{margin-left:8px;margin-right:0!important}\n"] }]
-        }], ctorParameters: () => [{ type: i2$2.NgControl, decorators: [{
-                    type: Self
-                }, {
-                    type: Optional
-                }] }], propDecorators: { label: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], checked: [{
-                type: Input
-            }], theme: [{
-                type: Input
-            }], onToggle: [{
-                type: Output
-            }] } });
-
-class DepartmentFormComponent extends BaseDialogComponent {
-    constructor(data, dialogRef, toastr, departmentManagementService, injector) {
-        super(injector);
-        this.data = data;
-        this.dialogRef = dialogRef;
-        this.toastr = toastr;
-        this.departmentManagementService = departmentManagementService;
-        this.updateMode = false;
-        this.departmentForm = new UntypedFormGroup({
-            title: new UntypedFormControl(null, [Validators.required, Validators.pattern(new RegExp('^\\S*$'))]),
-            agencyCode: new UntypedFormControl('tdf', Validators.required),
-            arabicName: new UntypedFormControl(null, Validators.required),
-            englishName: new UntypedFormControl(null, Validators.required),
-            deptTypee: this.data.displayDepTypee
-                ? new UntypedFormControl(null, Validators.required)
-                : new UntypedFormControl(null),
-            description: new UntypedFormControl(null),
-            isAllowRecExternal: new UntypedFormControl(false)
-            // manager: new FormControl(null),
-        });
-    }
-    ngOnInit() {
-        this.depId = this.data.depId;
-        this.updateMode = this.data.updateMode;
-        this.depCode = this.data.depCode;
-        this.item = this.data.item;
-        if (this.updateMode) {
-            this.getDepartment();
-        }
-    }
-    filterNullValues(formValue) {
-        const filtered = {};
-        for (let key in formValue) {
-            if (formValue[key]) {
-                filtered[key] = formValue[key];
-            }
-        }
-        return filtered;
-    }
-    save() {
-        this.loading = true;
-        const depObj = this.filterNullValues(this.departmentForm.value);
-        if (this.depId === 'root') {
-            this.departmentManagementService.createDepartmentInRoot(depObj).subscribe((res) => {
-                this.loading = false;
-                this.dialogRef.close(true);
-                this.toastr.show('success', 'success', 'success');
-            }, (err) => {
-                this.loading = false;
-                this.dialogRef.close(false);
-                this.toastr.show('error', 'error', err.ret.message ? `errors.${err.ret.code}` : 'genericError');
-            });
-        }
-        else {
-            this.departmentManagementService.createDepartment(depObj, this.depId).subscribe((res) => {
-                this.loading = false;
-                this.dialogRef.close(true);
-                this.toastr.show('success', 'success', 'success');
-            }, (err) => {
-                this.loading = false;
-                this.toastr.show('error', 'error', err.ret.message ? `errors.${err.ret.code}` : 'genericError');
-            });
-        }
-    }
-    departmentFormPopulate(department) {
-        this.departmentForm.patchValue({
-            title: department.title,
-            arabicName: department.arabicName,
-            englishName: department.englishName,
-            deptTypee: department.deptTypee,
-            description: department.description,
-            isAllowRecExternal: department.isAllowRecExternal
-        });
-    }
-    getDepartment() {
-        this.departmentManagementService.getDepartment(this.depId).subscribe((res) => {
-            this.departmentFormPopulate(res.properties);
-        });
-    }
-    update() {
-        this.loading = true;
-        this.departmentManagementService.updateDepartment(this.departmentForm.value, this.depId).subscribe((res) => {
-            this.loading = false;
-            this.dialogRef.close(true);
-            this.toastr.show('success', 'success', 'success');
-        }, (err) => {
-            this.loading = false;
-            this.toastr.show('error', 'error', err.ret.message ? `errors.${err.ret.code}` : 'genericError');
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DepartmentFormComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$6.MatDialogRef }, { token: CustomToastrService }, { token: DepartmentApiService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DepartmentFormComponent, isStandalone: false, selector: "cts-department-form", usesInheritance: true, ngImport: i0, template: "<ndf-nuxeo-dialog\r\n\tdialogTitle=\"{{\r\n\t\t'department_management.form.' + (updateMode ? 'updateHeader' : 'header')\r\n\t\t\t| translate\r\n\t}}\"\r\n\tpanelClass=\"voc-form\"\r\n>\r\n\t<ng-template #contentTemplate>\r\n\t\t<form [formGroup]=\"departmentForm\" class=\"row voc-form-body\">\r\n\t\t\t<div class=\"col-lg-6 col-12\">\r\n\t\t\t\t<app-dynamic-form-textitem\r\n\t\t\t\t\tformControlName=\"title\"\r\n\t\t\t\t\t[label]=\"'department_management.form.title'\"\r\n\t\t\t\t\t[disabled]=\"updateMode\"\r\n\t\t\t\t\t[preventSpace]=\"true\"\r\n\t\t\t\t></app-dynamic-form-textitem>\r\n\t\t\t\t<div class=\"hint-msg\">\r\n\t\t\t\t\t{{ 'department_management.form.hintMsg' | translate }}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<app-dynamic-form-textitem\r\n\t\t\t\tclass=\"col-lg-6 col-12\"\r\n\t\t\t\tformControlName=\"arabicName\"\r\n\t\t\t\t[label]=\"'department_management.form.ArabicName'\"\r\n\t\t\t></app-dynamic-form-textitem>\r\n\t\t\t<app-dynamic-form-textitem\r\n\t\t\t\tclass=\"col-lg-6 col-12\"\r\n\t\t\t\tformControlName=\"englishName\"\r\n\t\t\t\t[label]=\"'department_management.form.EnglishName'\"\r\n\t\t\t></app-dynamic-form-textitem>\r\n\t\t\t<app-dynamic-form-vocabulary-item\r\n\t\t\t\t*ngIf=\"data.displayDepTypee\"\r\n\t\t\t\tclass=\"col-lg-6 col-12\"\r\n\t\t\t\t[label]=\"'department_management.form.deptTypee'\"\r\n\t\t\t\t[bindLabel]=\"'label'\"\r\n\t\t\t\t[bindValue]=\"'id'\"\r\n\t\t\t\tplaceholder=\"{{ 'VOCABULARY.SELECT_ITEM' | translate }}\"\r\n\t\t\t\t[multiple]=\"false\"\r\n\t\t\t\t[searchable]=\"false\"\r\n\t\t\t\t[closeOnSelect]=\"true\"\r\n\t\t\t\t[hideSelectedItems]=\"false\"\r\n\t\t\t\t[vocabularyType]=\"'VOC_DepartmentType'\"\r\n\t\t\t\tformControlName=\"deptTypee\"\r\n\t\t\t>\r\n\t\t\t</app-dynamic-form-vocabulary-item>\r\n\t\t\t<app-dynamic-form-textitem\r\n\t\t\t\tclass=\"col-lg-6 col-12\"\r\n\t\t\t\tformControlName=\"description\"\r\n\t\t\t\t[label]=\"'department_management.form.Description'\"\r\n\t\t\t></app-dynamic-form-textitem>\r\n\r\n\t\t\t<cts-dynamic-form-slide-toggleitem\r\n\t\t\t\t*ngIf=\"data.displayIsAllowRecExternal\"\r\n\t\t\t\tclass=\"col-lg-6 col-12 isAllowRecExternal\"\r\n\t\t\t\tformControlName=\"isAllowRecExternal\"\r\n\t\t\t\t[label]=\"'department_management.form.isAllowRecExternal'\"\r\n\t\t\t></cts-dynamic-form-slide-toggleitem>\r\n\t\t</form>\r\n\t</ng-template>\r\n\r\n\t<ng-template #actionsTemplate let-dialog=\"dialog\">\r\n\t\t<button\r\n\t\t\t(click)=\"dialog.executeAction(createDocument)\"\r\n\t\t\t[disabled]=\"\r\n\t\t\t\tscannerUploadButton?.disabled ||\r\n\t\t\t\t!selectedFile?.dynamicData.valid ||\r\n\t\t\t\tfileForm.invalid\r\n\t\t\t\"\r\n\t\t\t[ngClass]=\"{\r\n\t\t\t\t'opacity-30 cursor-not-allowed':\r\n\t\t\t\t\tscannerUploadButton?.disabled ||\r\n\t\t\t\t\t!selectedFile?.dynamicData.valid ||\r\n\t\t\t\t\tfileForm.invalid\r\n\t\t\t}\"\r\n\t\t\tclass=\"submission-button\"\r\n\t\t>\r\n\t\t\t{{\r\n\t\t\t\tuploadMangmentService?.scanCreationFailed\r\n\t\t\t\t\t? ('BUTTONS.TRY_AGAIN' | translate)\r\n\t\t\t\t\t: ('BUTTONS.CREATE' | translate)\r\n\t\t\t}}\r\n\t\t</button>\r\n\r\n\t\t<button\r\n\t\t\t*ngIf=\"!updateMode\"\r\n\t\t\t(click)=\"dialog.executeAction(save)\"\r\n\t\t\t[disabled]=\"departmentForm.invalid\"\r\n\t\t\tclass=\"voc-form-submit\"\r\n\t\t>\r\n\t\t\t{{ 'BUTTONS.SAVE' | translate }}\r\n\t\t</button>\r\n\r\n\t\t<button\r\n\t\t\t*ngIf=\"updateMode\"\r\n\t\t\t(click)=\"dialog.executeAction(update)\"\r\n\t\t\t[disabled]=\"departmentForm.invalid\"\r\n\t\t\tclass=\"voc-form-submit\"\r\n\t\t>\r\n\t\t\t{{ 'BUTTONS.UPDATE' | translate }}\r\n\t\t</button>\r\n\t</ng-template>\r\n</ndf-nuxeo-dialog>\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:700;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}.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,.my-dynamic-viewer .direction-img .outgoing,.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,.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.voc-form{padding:20px}.voc-form .hint-msg{font-size:12px;font-style:italic;margin-top:2px;color:#6a768e}.voc-form .voc-form-hedaer{margin-bottom:8px;font-size:20px;color:#465573}.voc-form .button-group{margin-top:12px;column-gap:6px!important}.voc-form .button-group cts-button{width:16%}@media (max-width: 992px){.voc-form .button-group cts-button{width:20%}}@media only screen and (max-width: 768px){.voc-form .button-group cts-button{width:28%}}.voc-form .isAllowRecExternal{display:flex;align-items:center;margin-top:26px;overflow:hidden}@media only screen and (max-width: 768px){.voc-form .isAllowRecExternal{font-size:12px}}\n"], dependencies: [{ kind: "directive", type: i1$5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: NdfNuxeoDialog, selector: "ndf-nuxeo-dialog", inputs: ["dialogTitle", "subTitle", "panelClass", "bodyClass", "loaderMode"] }, { kind: "component", 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"] }, { kind: "component", type: DynamicFormSlideToggleitemComponent, selector: "cts-dynamic-form-slide-toggleitem", inputs: ["label", "disabled", "checked", "theme"], outputs: ["onToggle"] }, { kind: "component", type: DynamicFormVocabularyItemComponent, selector: "app-dynamic-form-vocabulary-item", inputs: ["id", "onlyIds", "bindValue", "bindLabel", "placeholder", "multiple", "searchable", "closeOnSelect", "hideSelectedItems", "disabled", "vocabularyType", "label", "cacheable", "shwoAllValues", "emitVocabulryRecordOnSelect"], outputs: ["onSelecting"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DepartmentFormComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cts-department-form', standalone: false, template: "<ndf-nuxeo-dialog\r\n\tdialogTitle=\"{{\r\n\t\t'department_management.form.' + (updateMode ? 'updateHeader' : 'header')\r\n\t\t\t| translate\r\n\t}}\"\r\n\tpanelClass=\"voc-form\"\r\n>\r\n\t<ng-template #contentTemplate>\r\n\t\t<form [formGroup]=\"departmentForm\" class=\"row voc-form-body\">\r\n\t\t\t<div class=\"col-lg-6 col-12\">\r\n\t\t\t\t<app-dynamic-form-textitem\r\n\t\t\t\t\tformControlName=\"title\"\r\n\t\t\t\t\t[label]=\"'department_management.form.title'\"\r\n\t\t\t\t\t[disabled]=\"updateMode\"\r\n\t\t\t\t\t[preventSpace]=\"true\"\r\n\t\t\t\t></app-dynamic-form-textitem>\r\n\t\t\t\t<div class=\"hint-msg\">\r\n\t\t\t\t\t{{ 'department_management.form.hintMsg' | translate }}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<app-dynamic-form-textitem\r\n\t\t\t\tclass=\"col-lg-6 col-12\"\r\n\t\t\t\tformControlName=\"arabicName\"\r\n\t\t\t\t[label]=\"'department_management.form.ArabicName'\"\r\n\t\t\t></app-dynamic-form-textitem>\r\n\t\t\t<app-dynamic-form-textitem\r\n\t\t\t\tclass=\"col-lg-6 col-12\"\r\n\t\t\t\tformControlName=\"englishName\"\r\n\t\t\t\t[label]=\"'department_management.form.EnglishName'\"\r\n\t\t\t></app-dynamic-form-textitem>\r\n\t\t\t<app-dynamic-form-vocabulary-item\r\n\t\t\t\t*ngIf=\"data.displayDepTypee\"\r\n\t\t\t\tclass=\"col-lg-6 col-12\"\r\n\t\t\t\t[label]=\"'department_management.form.deptTypee'\"\r\n\t\t\t\t[bindLabel]=\"'label'\"\r\n\t\t\t\t[bindValue]=\"'id'\"\r\n\t\t\t\tplaceholder=\"{{ 'VOCABULARY.SELECT_ITEM' | translate }}\"\r\n\t\t\t\t[multiple]=\"false\"\r\n\t\t\t\t[searchable]=\"false\"\r\n\t\t\t\t[closeOnSelect]=\"true\"\r\n\t\t\t\t[hideSelectedItems]=\"false\"\r\n\t\t\t\t[vocabularyType]=\"'VOC_DepartmentType'\"\r\n\t\t\t\tformControlName=\"deptTypee\"\r\n\t\t\t>\r\n\t\t\t</app-dynamic-form-vocabulary-item>\r\n\t\t\t<app-dynamic-form-textitem\r\n\t\t\t\tclass=\"col-lg-6 col-12\"\r\n\t\t\t\tformControlName=\"description\"\r\n\t\t\t\t[label]=\"'department_management.form.Description'\"\r\n\t\t\t></app-dynamic-form-textitem>\r\n\r\n\t\t\t<cts-dynamic-form-slide-toggleitem\r\n\t\t\t\t*ngIf=\"data.displayIsAllowRecExternal\"\r\n\t\t\t\tclass=\"col-lg-6 col-12 isAllowRecExternal\"\r\n\t\t\t\tformControlName=\"isAllowRecExternal\"\r\n\t\t\t\t[label]=\"'department_management.form.isAllowRecExternal'\"\r\n\t\t\t></cts-dynamic-form-slide-toggleitem>\r\n\t\t</form>\r\n\t</ng-template>\r\n\r\n\t<ng-template #actionsTemplate let-dialog=\"dialog\">\r\n\t\t<button\r\n\t\t\t(click)=\"dialog.executeAction(createDocument)\"\r\n\t\t\t[disabled]=\"\r\n\t\t\t\tscannerUploadButton?.disabled ||\r\n\t\t\t\t!selectedFile?.dynamicData.valid ||\r\n\t\t\t\tfileForm.invalid\r\n\t\t\t\"\r\n\t\t\t[ngClass]=\"{\r\n\t\t\t\t'opacity-30 cursor-not-allowed':\r\n\t\t\t\t\tscannerUploadButton?.disabled ||\r\n\t\t\t\t\t!selectedFile?.dynamicData.valid ||\r\n\t\t\t\t\tfileForm.invalid\r\n\t\t\t}\"\r\n\t\t\tclass=\"submission-button\"\r\n\t\t>\r\n\t\t\t{{\r\n\t\t\t\tuploadMangmentService?.scanCreationFailed\r\n\t\t\t\t\t? ('BUTTONS.TRY_AGAIN' | translate)\r\n\t\t\t\t\t: ('BUTTONS.CREATE' | translate)\r\n\t\t\t}}\r\n\t\t</button>\r\n\r\n\t\t<button\r\n\t\t\t*ngIf=\"!updateMode\"\r\n\t\t\t(click)=\"dialog.executeAction(save)\"\r\n\t\t\t[disabled]=\"departmentForm.invalid\"\r\n\t\t\tclass=\"voc-form-submit\"\r\n\t\t>\r\n\t\t\t{{ 'BUTTONS.SAVE' | translate }}\r\n\t\t</button>\r\n\r\n\t\t<button\r\n\t\t\t*ngIf=\"updateMode\"\r\n\t\t\t(click)=\"dialog.executeAction(update)\"\r\n\t\t\t[disabled]=\"departmentForm.invalid\"\r\n\t\t\tclass=\"voc-form-submit\"\r\n\t\t>\r\n\t\t\t{{ 'BUTTONS.UPDATE' | translate }}\r\n\t\t</button>\r\n\t</ng-template>\r\n</ndf-nuxeo-dialog>\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:700;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}.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,.my-dynamic-viewer .direction-img .outgoing,.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,.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.voc-form{padding:20px}.voc-form .hint-msg{font-size:12px;font-style:italic;margin-top:2px;color:#6a768e}.voc-form .voc-form-hedaer{margin-bottom:8px;font-size:20px;color:#465573}.voc-form .button-group{margin-top:12px;column-gap:6px!important}.voc-form .button-group cts-button{width:16%}@media (max-width: 992px){.voc-form .button-group cts-button{width:20%}}@media only screen and (max-width: 768px){.voc-form .button-group cts-button{width:28%}}.voc-form .isAllowRecExternal{display:flex;align-items:center;margin-top:26px;overflow:hidden}@media only screen and (max-width: 768px){.voc-form .isAllowRecExternal{font-size:12px}}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }, { type: i1$6.MatDialogRef }, { type: CustomToastrService }, { type: DepartmentApiService }, { type: i0.Injector }] });
-
-/** @ignore */
-class DynamicFormBoolItemComponent {
-    constructor(dynamicFormUpdateService, translate) {
-        this.dynamicFormUpdateService = dynamicFormUpdateService;
-        this.translate = translate;
-    }
-    isEditable() {
-        return this.editable && this.property.editable;
-    }
-    changed(change) {
-        //this.dynamicFormUpdateService.update(this.property, change.checked);
-        //this.property.value = change.checked;
+    changed(change) {
+        //this.dynamicFormUpdateService.update(this.property, change.checked);
+        //this.property.value = change.checked;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormBoolItemComponent, deps: [{ token: DynamicFormUpdateService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DynamicFormBoolItemComponent, isStandalone: false, selector: "app-dynamic-form-boolitem", inputs: { property: "property", editable: "editable" }, ngImport: i0, template: "<ng-container *ngIf=\"!property.isEmpty() || isEditable()\">\r\n  <div class=\"row gap\">\r\n\r\n    <label class=\"col-sm-3\" for=\"formGroupInputSmall\">{{\r\n      property.label | translate\r\n      }}<span *ngIf=\"property.mandatory\" class=\"text-danger\">*</span></label>\r\n    <div class=\"col-sm-9\">\r\n      <mat-checkbox [required]=\"property.mandatory\" [attr.data-automation-id]=\"'card-boolean-' + property.key\"\r\n        [attr.title]=\"'CORE.METADATA.ACTIONS.TOGGLE' | translate\" [checked]=\"property.displayValue\"\r\n        [disabled]=\"!isEditable()\" (change)=\"changed($event)\">\r\n      </mat-checkbox>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
@@ -12396,6 +11740,328 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i1$1.TranslateService }, { type: UserPreferencesService }, { type: i7.DateTimeAdapter }] });
 
+class DepartmentConstants {
+    static { this.fields = {
+        title: 'dc:title',
+        description: 'dc:description',
+        agencyCode: 'dept:agencyCode',
+        arabicName: 'dept:arabicName',
+        englishName: 'dept:englishName',
+        deptTypee: 'dept:deptTypee',
+        isAllowRecExternal: 'dept:isAllowRecExternal',
+        manager: 'dept:manager',
+    }; }
+}
+
+const departmentCacheBuster$ = new Subject();
+const minute$1 = 60000;
+/** @ignore */
+class DepartmentApiService {
+    get tenantEnabled() {
+        return EnvManager.environment.enableTenant == "YES";
+    }
+    constructor(CallApiService, translation, nuxeoService, adapter, globalAdminService, environment) {
+        this.CallApiService = CallApiService;
+        this.translation = translation;
+        this.nuxeoService = nuxeoService;
+        this.adapter = adapter;
+        this.globalAdminService = globalAdminService;
+        this.environment = environment;
+        this.translation.isArabic.subscribe((res) => {
+            this.arabic = res;
+        });
+    }
+    getDepartmentTree(customPageProvider, customParams) {
+        let obj = customParams ? customParams : {};
+        let params = {
+            pageProvider: customPageProvider ? customPageProvider : "PP_Department",
+            currentPageIndex: 0,
+            offset: 0,
+            pageSize: 40,
+            quickFilters: "Parent Dept",
+            ...obj,
+        };
+        if (this.globalAdminService.isGlobalAdmin && this.tenantEnabled) {
+            params["queryParams"] = this.globalAdminService.activeTenant;
+        }
+        else if (!this.globalAdminService.isGlobalAdmin &&
+            this.tenantEnabled &&
+            this.nuxeoService.nuxeoClient.user.properties.tenantId) {
+            params["queryParams"] =
+                this.nuxeoService.nuxeoClient.user.properties.tenantId;
+        }
+        return this.CallApiService.query({
+            ...params,
+        }, {
+            headers: {
+                "X-NXproperties": "*",
+                "enrichers-document": "children",
+                depth: "max",
+            },
+        });
+    }
+    getDepartmentDetails(code, customPageProvider) {
+        let params = {
+            pageProvider: customPageProvider
+                ? customPageProvider
+                : "PP_Department_With_ElasticSearch",
+            currentPageIndex: 0,
+            offset: 0,
+            pageSize: 40,
+            dublincore_title: code,
+        };
+        if (this.globalAdminService.isGlobalAdmin && this.tenantEnabled) {
+            params["queryParams"] = this.globalAdminService.activeTenant;
+        }
+        else if (!this.globalAdminService.isGlobalAdmin &&
+            this.tenantEnabled &&
+            this.nuxeoService.nuxeoClient.user.properties.tenantId) {
+            params["queryParams"] =
+                this.nuxeoService.nuxeoClient.user.properties.tenantId;
+        }
+        return this.CallApiService.query({
+            ...params,
+        }, {
+            headers: {
+                "X-NXproperties": "*",
+                "enrichers-document": "children",
+                depth: "max",
+            },
+        });
+    }
+    getDepartmentNestedTree(code, customPageProvider, customParentCodeProperty) {
+        let params = {};
+        customParentCodeProperty
+            ? (params[customParentCodeProperty] = code)
+            : (params = { department_parentDepartmentCode: code });
+        if (this.globalAdminService.isGlobalAdmin && this.tenantEnabled) {
+            params["queryParams"] = this.globalAdminService.activeTenant;
+        }
+        else if (!this.globalAdminService.isGlobalAdmin &&
+            this.tenantEnabled &&
+            this.nuxeoService.nuxeoClient.user.properties.tenantId) {
+            params["queryParams"] =
+                this.nuxeoService.nuxeoClient.user.properties.tenantId;
+        }
+        return this.CallApiService.query({
+            pageProvider: customPageProvider ? customPageProvider : "PP_Department",
+            currentPageIndex: 0,
+            offset: 0,
+            pageSize: 40,
+            ...params,
+        }, {
+            headers: {
+                "X-NXproperties": "*",
+                "enrichers-document": "children",
+                depth: "max",
+            },
+        });
+    }
+    getDepartment(uid, fields) {
+        return from(this.nuxeoService.nuxeoClient
+            .repository()
+            .headers({
+            "X-NXproperties": "*",
+        })
+            .fetch(uid)).pipe(map((data) => {
+            return this.adapter.adaptIn(data, fields ? fields : DepartmentConstants.fields);
+        }), catchError((err) => {
+            throw err;
+        }));
+    }
+    // testing
+    createDepartment(Department, parentId, customOperation, fields) {
+        let context = {
+            department: this.adapter.adaptOut(Department, fields ? fields : DepartmentConstants.fields),
+        };
+        if (this.globalAdminService.isGlobalAdmin && this.tenantEnabled) {
+            context["tenantId"] = this.globalAdminService.activeTenant;
+        }
+        return from(this.nuxeoService.nuxeoClient
+            .operation(customOperation ? customOperation : "AC_UA_Depatrment_Create", {
+            url: `${this.environment.nuxeo}${this.environment.customAutomation}`,
+        })
+            .input(parentId)
+            .context({
+            ...context,
+        })
+            .execute()).pipe(catchError((err) => {
+            console.log(err);
+            throw err;
+        }));
+    }
+    createDepartmentInRoot(Department, customOperation) {
+        let context = {
+            department: this.adapter.adaptOut(Department, DepartmentConstants.fields),
+        };
+        if (this.globalAdminService.isGlobalAdmin && this.tenantEnabled) {
+            context["tenantId"] = this.globalAdminService.activeTenant;
+        }
+        return from(this.nuxeoService.nuxeoClient
+            .operation(customOperation ? customOperation : "AC_UA_Depatrment_Create_InRoot", {
+            url: `${this.environment.nuxeo}${this.environment.customAutomation}`,
+        })
+            .context({
+            ...context,
+        })
+            .execute()).pipe(catchError((err) => {
+            console.log(err);
+            throw err;
+        }));
+    }
+    updateDepartment(Department, departmentId, customOperation, fields) {
+        let context = {
+            department: this.adapter.adaptOut(Department, fields ? fields : DepartmentConstants.fields),
+        };
+        if (this.globalAdminService.isGlobalAdmin && this.tenantEnabled) {
+            context["tenantId"] = this.globalAdminService.activeTenant;
+        }
+        return from(this.nuxeoService.nuxeoClient
+            .operation(customOperation ? customOperation : "AC_UA_Department_Update", {
+            url: `${this.environment.nuxeo}${this.environment.customAutomation}`,
+        })
+            .input(departmentId)
+            .context({
+            ...context,
+        })
+            .execute()).pipe(catchError((err) => {
+            console.log(err);
+            throw err;
+        }));
+    }
+    recursiveFill(entries, level = 0, treeview = true, collapsed = true, customPrefix) {
+        return entries.map((item) => {
+            let treeViewObj = treeview
+                ? {
+                    text: this.arabic
+                        ? item.properties
+                            ? item.properties[customPrefix
+                                ? customPrefix + ":arabicName"
+                                : "dept:arabicName"]
+                            : "--"
+                        : item.properties
+                            ? item.properties[customPrefix
+                                ? customPrefix + ":englishName"
+                                : "dept:englishName"]
+                            : "--",
+                    value: { ...item, level },
+                }
+                : {
+                    text: this.arabic
+                        ? item.properties
+                            ? item.properties[customPrefix
+                                ? customPrefix + ":arabicName"
+                                : "dept:arabicName"]
+                            : "--"
+                        : item.properties
+                            ? item.properties[customPrefix
+                                ? customPrefix + ":englishName"
+                                : "dept:englishName"]
+                            : "--",
+                    value: item.title,
+                };
+            const treeItem = new TreeviewItem({
+                ...treeViewObj,
+                collapsed: level >= 2 && collapsed ? true : false,
+            });
+            if (item.contextParameters &&
+                item.contextParameters.children.entries.length) {
+                treeItem.children = this.recursiveFill(item.contextParameters.children.entries, level + 1, undefined, undefined, customPrefix);
+            }
+            return treeItem;
+        });
+    }
+    getFullDepartmentTree(customPageProvider, customParams, childrenOfSpecificDep) {
+        let obj = customParams ? customParams : {};
+        let params = {
+            pageProvider: customPageProvider ? customPageProvider : "PP_Department",
+            currentPageIndex: 0,
+            offset: 0,
+            pageSize: 40,
+            // quickFilters: 'Parent Dept',
+            ...obj,
+        };
+        if (childrenOfSpecificDep !== null) {
+            params["dublincore_title"] = childrenOfSpecificDep;
+        }
+        else {
+            params["quickFilters"] = "Parent Dept";
+        }
+        if (this.globalAdminService.isGlobalAdmin) {
+            params["queryParams"] = this.globalAdminService.activeTenant;
+        }
+        else if (!this.globalAdminService.isGlobalAdmin &&
+            this.nuxeoService.nuxeoClient.user.properties.tenantId) {
+            params["queryParams"] =
+                this.nuxeoService.nuxeoClient.user.properties.tenantId;
+        }
+        return this.CallApiService.query({
+            ...params,
+        }, {
+            headers: {
+                "X-NXproperties": "*",
+                "enrichers-document": "children",
+                depth: "max",
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DepartmentApiService, deps: [{ token: CallApiService }, { token: TranslationService }, { token: NuxeoService }, { token: AdapterService }, { token: GlobalAdminService }, { token: "environment" }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DepartmentApiService, providedIn: "root" }); }
+}
+__decorate([
+    Cacheable({
+        cacheBusterObserver: departmentCacheBuster$,
+        storageStrategy: LocalStorageStrategy,
+        maxAge: 60 * minute$1,
+    })
+], DepartmentApiService.prototype, "getDepartmentTree", null);
+__decorate([
+    Cacheable({
+        maxCacheCount: 200,
+        storageStrategy: LocalStorageStrategy,
+        cacheBusterObserver: departmentCacheBuster$,
+        maxAge: 120 * minute$1,
+    })
+], DepartmentApiService.prototype, "getDepartmentDetails", null);
+__decorate([
+    Cacheable({
+        maxCacheCount: 200,
+        cacheBusterObserver: departmentCacheBuster$,
+        storageStrategy: LocalStorageStrategy,
+        maxAge: 60 * minute$1,
+    })
+], DepartmentApiService.prototype, "getDepartmentNestedTree", null);
+__decorate([
+    CacheBuster({
+        cacheBusterNotifier: departmentCacheBuster$,
+    })
+], DepartmentApiService.prototype, "createDepartment", null);
+__decorate([
+    CacheBuster({
+        cacheBusterNotifier: departmentCacheBuster$,
+    })
+], DepartmentApiService.prototype, "createDepartmentInRoot", null);
+__decorate([
+    CacheBuster({
+        cacheBusterNotifier: departmentCacheBuster$,
+    })
+], DepartmentApiService.prototype, "updateDepartment", null);
+__decorate([
+    Cacheable({
+        cacheBusterObserver: departmentCacheBuster$,
+        storageStrategy: LocalStorageStrategy,
+    })
+], DepartmentApiService.prototype, "getFullDepartmentTree", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DepartmentApiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }], ctorParameters: () => [{ type: CallApiService }, { type: TranslationService }, { type: NuxeoService }, { type: AdapterService }, { type: GlobalAdminService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ["environment"]
+                }] }], propDecorators: { getDepartmentTree: [], getDepartmentDetails: [], getDepartmentNestedTree: [], createDepartment: [], createDepartmentInRoot: [], updateDepartment: [], getFullDepartmentTree: [] } });
+
 /** @ignore */
 class DropdownTreeviewSelectI18n extends DefaultTreeviewI18n {
     #defaultSelection = '';
@@ -12466,6 +12132,497 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             type: Injectable
         }], ctorParameters: () => [{ type: TranslationService }] });
 
+/**
+ * A text field input that can be used inside reactive or template driven forms
+ * @title
+ * Text Field
+ * @example
+ * <app-dynamic-form-textitem
+ *    [horizontalAlign]="false"
+ *    formControlName="controlName"
+ *    [placeholder]="'PATH.TO.PLACEHOLDER.STRING'"
+ * ></app-dynamic-form-textitem>
+ */
+class DynamicFormTextItemComponent {
+    static { this.DEFAULT_SEPARATOR = ', '; }
+    constructor(dynamicFormUpdateService, translate, control) {
+        this.dynamicFormUpdateService = dynamicFormUpdateService;
+        this.translate = translate;
+        this.control = control;
+        this.autoComplete = false; // to get suggestions from backend when user type some letters
+        this.nativeAutoComplete = 'off'; // to get suggestions from browser natively
+        this.autoComplete_pageProvider = '';
+        this.autoComplete_propertyName = '';
+        this.autoComplete_propertyKey = '';
+        this.autoCompleteValueKey = '';
+        this.autoCompleteType = 'percentage';
+        this.emitFullObject = false; // used to control on emiting full selected object or only string
+        this.outsideParams = {}; // object of params to be passed from outside
+        /** input type */
+        this.type = 'text';
+        /** is Editable */
+        this.editable = true;
+        /** Placeholder string */
+        this.placeholder = '';
+        /** is disabled */
+        this.disabled = false;
+        /** @deprecated */
+        this.displayEmpty = true;
+        /** should prevent space */
+        this.preventSpace = false;
+        this.maxCharsNum = null;
+        this.inEdit = false;
+        this.showsuggestedOptions = false;
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        this.documentList = [];
+        this.control.valueAccessor = this;
+        this.valueSeparator = DynamicFormTextItemComponent.DEFAULT_SEPARATOR;
+    }
+    isRequired() {
+        if (!this.control.control.validator) {
+            return false;
+        }
+        const validator = this.control.control.validator({});
+        return validator && validator.required;
+    }
+    writeValue(obj) {
+        this.editedValue = obj;
+        //this.property.value = obj;
+        //  throw new Error('Method not implemented.');
+    }
+    get invalid() {
+        return this.control ? this.control.invalid : false;
+    }
+    get showError() {
+        if (!this.control) {
+            return false;
+        }
+        const { dirty, touched } = this.control;
+        return this.invalid ? dirty || touched : false;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    ngOnChanges() {
+        /*this.editedValue = this.property.multiline
+      ? this.property.displayValue
+      : this.property.value;*/
+    }
+    showProperty() {
+        return this.displayEmpty || !this.property.isEmpty();
+    }
+    showClickableIcon() {
+        return this.hasIcon() && this.editable;
+    }
+    isEditable() {
+        return this.editable;
+    }
+    isClickable() {
+        return !!this.property.clickable;
+    }
+    hasIcon() {
+        return !!this.property.icon;
+    }
+    hasErrors() {
+        return this.showError;
+    }
+    allowSpace(e) {
+        if (this.preventSpace) {
+            e.preventDefault();
+        }
+    }
+    setEditMode(editStatus) {
+        this.inEdit = editStatus;
+        setTimeout(() => {
+            if (this.editorInput) {
+                this.editorInput?.nativeElement?.click();
+            }
+        }, 0);
+    }
+    reset(event) {
+        // event.stopPropagation();
+        /*this.editedValue = this.property.multiline
+      ? this.property.displayValue
+      : this.property.value;*/
+        this.setEditMode(false);
+        this.resetErrorMessages();
+    }
+    resetErrorMessages() {
+        this.errorMessages = [];
+    }
+    update(event) {
+        // event.stopPropagation();
+        const updatedValue = this.prepareValueForUpload(this.property, this.editedValue);
+        // this.property.value = updatedValue;
+        this.onChange(updatedValue);
+        this.onTouched();
+        // this.dynamicFormUpdateService.update(this.property, updatedValue);
+        this.setEditMode(false);
+        this.resetErrorMessages();
+    }
+    prepareValueForUpload(property, value) {
+        return value;
+    }
+    onTextAreaInputChange() {
+        this.errorMessages = this.property.getValidationErrors(this.editedValue);
+    }
+    clicked() {
+        if (typeof this.property.clickCallBack === 'function') {
+            this.property.clickCallBack();
+        }
+        else {
+            this.dynamicFormUpdateService.clicked(this.property);
+        }
+    }
+    selectItem(selectedItem) {
+        if (this.emitFullObject) {
+            this.editedValue = selectedItem;
+        }
+        else {
+            this.editedValue = selectedItem.title;
+        }
+        this.update(null);
+        this.showsuggestedOptions = false;
+        this.documentList = [];
+    }
+    updateValue(value) {
+        if (this.emitFullObject) {
+            if (typeof this.editedValue === 'object' && this.editedValue !== null) {
+                this.editedValue = Object.assign({}, this.editedValue, {
+                    title: value
+                });
+            }
+            else {
+                this.editedValue = { title: value };
+            }
+        }
+        else {
+            this.editedValue = value;
+        }
+    }
+    resetSelecting() {
+        if (this.emitFullObject) {
+            this.editedValue = null;
+        }
+        else {
+            this.editedValue = '';
+        }
+        this.update(null);
+    }
+    waitUntilUserFinishTyping() {
+        if (this.delayedAction) {
+            clearTimeout(this.delayedAction);
+            this.delayedAction = setTimeout(() => {
+                this.onSearchInputChange();
+            }, 1500);
+        }
+        else {
+            this.delayedAction = setTimeout(() => {
+                this.onSearchInputChange();
+            }, 1500);
+        }
+    }
+    onSearchInputChange() {
+        if (this.autoComplete) {
+            if (!this.editorInput.nativeElement.value) {
+                this.resetSelecting();
+            }
+            let val = this.editorInput.nativeElement.value;
+            let params = {
+                currentPageIndex: 0,
+                offset: 0,
+                pageSize: 40,
+                pageProvider: this.autoComplete_pageProvider,
+                ...this.outsideParams
+            };
+            // if i was sending tenant id from outside then i am in case of multi tenant then add tenant id to params
+            if (EnvManager.environment.enableTenant == 'YES' && this.tenantId) {
+                params['queryParams'] = `${this.tenantId}`;
+            }
+            // params[this.autoComplete_propertyName] = (val) ? `%${val}%` : '';
+            if (this.autoCompleteType == 'caseSensitive' && val) {
+                let result = this.ToCaseInsensitive(val);
+                params[this.autoComplete_propertyName] = result;
+            }
+            else {
+                if (this.autoCompleteType == 'percentage' && val) {
+                    params[this.autoComplete_propertyName] = '%' + val + '%';
+                }
+                else {
+                    params[this.autoComplete_propertyName] = '';
+                }
+            }
+            // check if relation then will use entries then fetch only required schemas
+            // and other suggester will use aggregations from response not entries then add page size 0
+            // all this to decrease response size
+            let customProperties = '*';
+            if (this.autoComplete_pageProvider === 'PP_Correspondence_RelationSeach') {
+                customProperties = 'Correspondence';
+            }
+            else {
+                params.pageSize = 1;
+            }
+            this.dynamicFormUpdateService
+                .getTextBoxSuggestionResults(this.autoComplete_pageProvider, params, this.autoComplete_propertyKey, this.autoCompleteValueKey, customProperties)
+                .subscribe((data) => {
+                this.documentList = data.filter((option) => option.title.toLowerCase().includes(val.toLowerCase()));
+                this.showsuggestedOptions = true;
+                return this.documentList;
+            });
+        }
+    }
+    openOptions(value) {
+        if (this.autoComplete) {
+            this.showsuggestedOptions = value;
+            if (!this.documentList.length && value) {
+                this.onSearchInputChange();
+            }
+        }
+    }
+    ToCaseInsensitive(orginalText) {
+        let result = '';
+        let orginalTextLowerCase = orginalText.toLowerCase();
+        for (let i = 0; i < orginalTextLowerCase.length; i++) {
+            if (orginalTextLowerCase.charAt(i) >= 'a' && orginalTextLowerCase.charAt(i) <= 'z')
+                result = result + '[' + orginalTextLowerCase.charAt(i) + orginalTextLowerCase.charAt(i).toUpperCase() + ']';
+            else
+                result = result + orginalText.charAt(i);
+        }
+        return '.*' + result + '.*';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormTextItemComponent, deps: [{ token: DynamicFormUpdateService }, { token: i1$1.TranslateService }, { token: i2$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DynamicFormTextItemComponent, isStandalone: false, selector: "app-dynamic-form-textitem", inputs: { autoComplete: "autoComplete", nativeAutoComplete: "nativeAutoComplete", autoComplete_pageProvider: "autoComplete_pageProvider", autoComplete_propertyName: "autoComplete_propertyName", autoComplete_propertyKey: "autoComplete_propertyKey", autoCompleteValueKey: "autoCompleteValueKey", autoCompleteType: "autoCompleteType", tenantId: "tenantId", emitFullObject: "emitFullObject", outsideParams: "outsideParams", type: "type", property: "property", label: "label", editable: "editable", placeholder: "placeholder", disabled: "disabled", displayEmpty: "displayEmpty", preventSpace: "preventSpace", id: "id", maxCharsNum: "maxCharsNum" }, viewQueries: [{ propertyName: "editorInput", first: true, predicate: ["editorInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"app-property-value\">\r\n\t<div class=\"app-input-wrapper\">\r\n\t\t<label *ngIf=\"label\" for=\"formGroupInputSmall\"\r\n\t\t\t>{{ label | translate }}<span *ngIf=\"isRequired()\" class=\"text-danger mx-1\">*</span></label\r\n\t\t>\r\n\t\t<div class=\"\">\r\n\t\t\t<ng-container *ngIf=\"isEditable(); else readOnly\">\r\n\t\t\t\t<div class=\"new-one\" (clickOutside)=\"openOptions(false)\">\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\t[id]=\"id\"\r\n\t\t\t\t\t\t[disabled]=\"disabled\"\r\n\t\t\t\t\t\t[type]=\"type\"\r\n\t\t\t\t\t\tclass=\"form-control\"\r\n\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t'input-filled': emitFullObject ? editedValue?.title : editedValue\r\n\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t(keydown.space)=\"allowSpace($event)\"\r\n\t\t\t\t\t\t#editorInput\r\n\t\t\t\t\t\t[required]=\"isRequired()\"\r\n\t\t\t\t\t\t[ngModel]=\"emitFullObject ? editedValue?.title : editedValue\"\r\n\t\t\t\t\t\t(ngModelChange)=\"updateValue($event); update($event)\"\r\n\t\t\t\t\t\t[autocomplete]=\"nativeAutoComplete\"\r\n\t\t\t\t\t\t(keyup)=\"waitUntilUserFinishTyping()\"\r\n\t\t\t\t\t\t[attr.data-automation-id]=\"'card-textitem-editinput-'\"\r\n\t\t\t\t\t\tplaceholder=\"{{ placeholder | translate }}\"\r\n\t\t\t\t\t\t(focus)=\"openOptions(true)\"\r\n\t\t\t\t\t\tmaxlength=\"{{ maxCharsNum }}\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<div *ngIf=\"documentList.length !== 0\" id=\"suggestedoptions\">\r\n\t\t\t\t\t\t<div class=\"suggestions-wrapper\" [ngClass]=\"{ 'd-block': showsuggestedOptions }\">\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tclass=\"option\"\r\n\t\t\t\t\t\t\t\tid=\"suggestedoptions\"\r\n\t\t\t\t\t\t\t\t*ngFor=\"let option of documentList\"\r\n\t\t\t\t\t\t\t\t(click)=\"selectItem(option)\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{{ option.title }}\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</div>\r\n\r\n\t\t\t\t<mat-error\r\n\t\t\t\t\t[attr.data-automation-id]=\"'card-textitem-error-'\"\r\n\t\t\t\t\tclass=\"app-textitem-editable-error\"\r\n\t\t\t\t\t*ngIf=\"hasErrors()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t<li *ngIf=\"control.errors.required\">{{ label | translate }} {{ 'VALIDATORS.REQUIRED' | translate }}</li>\r\n\t\t\t\t\t\t<li *ngIf=\"control.errors.pattern\">\r\n\t\t\t\t\t\t\t{{ 'wrong pattern' | translate }}\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t<li *ngIf=\"control.errors.min\">{{ 'VALIDATORS.MIN' | translate }} {{ control.errors.min.min }}</li>\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t</mat-error>\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-template #readOnly>\r\n\t\t\t\t{{ emitFullObject ? editedValue?.title : editedValue }}\r\n\t\t\t</ng-template>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", styles: [".app-property-value .input-filled{border-color:var(--input-filled-border-color, #1a96c6)!important}.app-property-value .app-input-wrapper label{color:#8f98aa;font-size:12px;margin-bottom:0}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:0;background-color:#8f98aa1a}.app-property-value .app-input-wrapper .form-control:not(textarea){height:var(--form-control-height, 40px)}.app-property-value .app-input-wrapper .form-control:disabled{background-color:var(--form-control-disabled-background, #e9ecef)!important}.app-property-value .app-input-wrapper .app-textitem-editable-error ul{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error ul li{margin-top:5px}.app-property-value .app-input-wrapper .new-one{position:relative}.app-property-value .app-input-wrapper .suggestions-wrapper{border-radius:3px;max-height:240px;border:1px solid #ccc;box-shadow:2px 2px 2px #0000000f;overflow:auto;display:none;position:absolute;width:100%;background-color:#fff;z-index:99}.app-property-value .app-input-wrapper .suggestions-wrapper .option{margin-bottom:5px;padding:5px 10px;cursor:pointer}.app-property-value .app-input-wrapper .suggestions-wrapper .option:hover{background-color:#f5faff}\n"], dependencies: [{ kind: "directive", type: i1$5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormTextItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-dynamic-form-textitem', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"app-property-value\">\r\n\t<div class=\"app-input-wrapper\">\r\n\t\t<label *ngIf=\"label\" for=\"formGroupInputSmall\"\r\n\t\t\t>{{ label | translate }}<span *ngIf=\"isRequired()\" class=\"text-danger mx-1\">*</span></label\r\n\t\t>\r\n\t\t<div class=\"\">\r\n\t\t\t<ng-container *ngIf=\"isEditable(); else readOnly\">\r\n\t\t\t\t<div class=\"new-one\" (clickOutside)=\"openOptions(false)\">\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\t[id]=\"id\"\r\n\t\t\t\t\t\t[disabled]=\"disabled\"\r\n\t\t\t\t\t\t[type]=\"type\"\r\n\t\t\t\t\t\tclass=\"form-control\"\r\n\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t'input-filled': emitFullObject ? editedValue?.title : editedValue\r\n\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t(keydown.space)=\"allowSpace($event)\"\r\n\t\t\t\t\t\t#editorInput\r\n\t\t\t\t\t\t[required]=\"isRequired()\"\r\n\t\t\t\t\t\t[ngModel]=\"emitFullObject ? editedValue?.title : editedValue\"\r\n\t\t\t\t\t\t(ngModelChange)=\"updateValue($event); update($event)\"\r\n\t\t\t\t\t\t[autocomplete]=\"nativeAutoComplete\"\r\n\t\t\t\t\t\t(keyup)=\"waitUntilUserFinishTyping()\"\r\n\t\t\t\t\t\t[attr.data-automation-id]=\"'card-textitem-editinput-'\"\r\n\t\t\t\t\t\tplaceholder=\"{{ placeholder | translate }}\"\r\n\t\t\t\t\t\t(focus)=\"openOptions(true)\"\r\n\t\t\t\t\t\tmaxlength=\"{{ maxCharsNum }}\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<div *ngIf=\"documentList.length !== 0\" id=\"suggestedoptions\">\r\n\t\t\t\t\t\t<div class=\"suggestions-wrapper\" [ngClass]=\"{ 'd-block': showsuggestedOptions }\">\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tclass=\"option\"\r\n\t\t\t\t\t\t\t\tid=\"suggestedoptions\"\r\n\t\t\t\t\t\t\t\t*ngFor=\"let option of documentList\"\r\n\t\t\t\t\t\t\t\t(click)=\"selectItem(option)\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{{ option.title }}\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</div>\r\n\r\n\t\t\t\t<mat-error\r\n\t\t\t\t\t[attr.data-automation-id]=\"'card-textitem-error-'\"\r\n\t\t\t\t\tclass=\"app-textitem-editable-error\"\r\n\t\t\t\t\t*ngIf=\"hasErrors()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t<li *ngIf=\"control.errors.required\">{{ label | translate }} {{ 'VALIDATORS.REQUIRED' | translate }}</li>\r\n\t\t\t\t\t\t<li *ngIf=\"control.errors.pattern\">\r\n\t\t\t\t\t\t\t{{ 'wrong pattern' | translate }}\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t<li *ngIf=\"control.errors.min\">{{ 'VALIDATORS.MIN' | translate }} {{ control.errors.min.min }}</li>\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t</mat-error>\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-template #readOnly>\r\n\t\t\t\t{{ emitFullObject ? editedValue?.title : editedValue }}\r\n\t\t\t</ng-template>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", styles: [".app-property-value .input-filled{border-color:var(--input-filled-border-color, #1a96c6)!important}.app-property-value .app-input-wrapper label{color:#8f98aa;font-size:12px;margin-bottom:0}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:0;background-color:#8f98aa1a}.app-property-value .app-input-wrapper .form-control:not(textarea){height:var(--form-control-height, 40px)}.app-property-value .app-input-wrapper .form-control:disabled{background-color:var(--form-control-disabled-background, #e9ecef)!important}.app-property-value .app-input-wrapper .app-textitem-editable-error ul{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error ul li{margin-top:5px}.app-property-value .app-input-wrapper .new-one{position:relative}.app-property-value .app-input-wrapper .suggestions-wrapper{border-radius:3px;max-height:240px;border:1px solid #ccc;box-shadow:2px 2px 2px #0000000f;overflow:auto;display:none;position:absolute;width:100%;background-color:#fff;z-index:99}.app-property-value .app-input-wrapper .suggestions-wrapper .option{margin-bottom:5px;padding:5px 10px;cursor:pointer}.app-property-value .app-input-wrapper .suggestions-wrapper .option:hover{background-color:#f5faff}\n"] }]
+        }], ctorParameters: () => [{ type: DynamicFormUpdateService }, { type: i1$1.TranslateService }, { type: i2$2.NgControl, decorators: [{
+                    type: Self
+                }, {
+                    type: Optional
+                }] }], propDecorators: { autoComplete: [{
+                type: Input
+            }], nativeAutoComplete: [{
+                type: Input
+            }], autoComplete_pageProvider: [{
+                type: Input
+            }], autoComplete_propertyName: [{
+                type: Input
+            }], autoComplete_propertyKey: [{
+                type: Input
+            }], autoCompleteValueKey: [{
+                type: Input
+            }], autoCompleteType: [{
+                type: Input
+            }], tenantId: [{
+                type: Input
+            }], emitFullObject: [{
+                type: Input
+            }], outsideParams: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], property: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], editable: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], displayEmpty: [{
+                type: Input
+            }], preventSpace: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], maxCharsNum: [{
+                type: Input
+            }], editorInput: [{
+                type: ViewChild,
+                args: ['editorInput']
+            }] } });
+
+/**
+ * A toggle input that can be used inside reactive or template driven forms
+ * @title
+ * Sliding Toggle
+ * @example
+ * <cts-dynamic-form-slide-toggleitem
+ *   [label]="'PATH.TO.LABEL.TRANSLATION'"
+ *   formControlName="controlname"
+ *  >
+ * </cts-dynamic-form-slide-toggleitem>
+ */
+class DynamicFormSlideToggleitemComponent {
+    constructor(control) {
+        this.control = control;
+        /** is disabled */
+        this.disabled = false;
+        /** is checked */
+        this.checked = false;
+        /** event to emit to outside to tell about toggling */
+        this.onToggle = new EventEmitter();
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        this.control.valueAccessor = this;
+    }
+    writeValue(obj) {
+        this.value = obj;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    isRequired() {
+        if (!this.control.control.validator) {
+            return false;
+        }
+        const validator = this.control.control.validator({});
+        return validator && validator.required;
+    }
+    setValue(event) {
+        this.onChange(event.checked);
+        this.onToggle.emit();
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormSlideToggleitemComponent, deps: [{ token: i2$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DynamicFormSlideToggleitemComponent, isStandalone: false, selector: "cts-dynamic-form-slide-toggleitem", inputs: { label: "label", disabled: "disabled", checked: "checked", theme: "theme" }, outputs: { onToggle: "onToggle" }, ngImport: i0, template: "<div class=\"dynamic-toggle\">\r\n  <mat-slide-toggle\r\n    [checked]=\"checked\"\r\n    [disabled]=\"disabled\"\r\n    [(ngModel)]=\"value\"\r\n    (change)=\"setValue($event)\"\r\n    >{{ label | translate\r\n    }}<span *ngIf=\"isRequired()\" class=\"text-danger mx-1\"\r\n      >*</span\r\n    ></mat-slide-toggle\r\n  >\r\n</div>\r\n<!-- [required]=\"isRequired()\" -->\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:700;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}.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,.my-dynamic-viewer .direction-img .outgoing,.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,.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.dynamic-toggle .mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:transparent;background-image:linear-gradient(to right,#0dbab5,#1a96c6);margin:0 10px}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#fff}.rtl .mat-slide-toggle-label-before .mat-slide-toggle-bar,.rtl .mat-slide-toggle-bar{margin-left:8px;margin-right:0!important}\n"], dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$a.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormSlideToggleitemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cts-dynamic-form-slide-toggleitem', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"dynamic-toggle\">\r\n  <mat-slide-toggle\r\n    [checked]=\"checked\"\r\n    [disabled]=\"disabled\"\r\n    [(ngModel)]=\"value\"\r\n    (change)=\"setValue($event)\"\r\n    >{{ label | translate\r\n    }}<span *ngIf=\"isRequired()\" class=\"text-danger mx-1\"\r\n      >*</span\r\n    ></mat-slide-toggle\r\n  >\r\n</div>\r\n<!-- [required]=\"isRequired()\" -->\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:700;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}.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,.my-dynamic-viewer .direction-img .outgoing,.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,.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.dynamic-toggle .mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:transparent;background-image:linear-gradient(to right,#0dbab5,#1a96c6);margin:0 10px}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#fff}.rtl .mat-slide-toggle-label-before .mat-slide-toggle-bar,.rtl .mat-slide-toggle-bar{margin-left:8px;margin-right:0!important}\n"] }]
+        }], ctorParameters: () => [{ type: i2$2.NgControl, decorators: [{
+                    type: Self
+                }, {
+                    type: Optional
+                }] }], propDecorators: { label: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], onToggle: [{
+                type: Output
+            }] } });
+
+class DepartmentFormComponent extends BaseDialogComponent {
+    constructor(data, dialogRef, toastr, departmentManagementService, injector) {
+        super(injector);
+        this.data = data;
+        this.dialogRef = dialogRef;
+        this.toastr = toastr;
+        this.departmentManagementService = departmentManagementService;
+        this.updateMode = false;
+        this.departmentForm = new UntypedFormGroup({
+            title: new UntypedFormControl(null, [Validators.required, Validators.pattern(new RegExp('^\\S*$'))]),
+            agencyCode: new UntypedFormControl('tdf', Validators.required),
+            arabicName: new UntypedFormControl(null, Validators.required),
+            englishName: new UntypedFormControl(null, Validators.required),
+            deptTypee: this.data.displayDepTypee
+                ? new UntypedFormControl(null, Validators.required)
+                : new UntypedFormControl(null),
+            description: new UntypedFormControl(null),
+            isAllowRecExternal: new UntypedFormControl(false)
+            // manager: new FormControl(null),
+        });
+    }
+    ngOnInit() {
+        this.depId = this.data.depId;
+        this.updateMode = this.data.updateMode;
+        this.depCode = this.data.depCode;
+        this.item = this.data.item;
+        if (this.updateMode) {
+            this.getDepartment();
+        }
+    }
+    filterNullValues(formValue) {
+        const filtered = {};
+        for (let key in formValue) {
+            if (formValue[key]) {
+                filtered[key] = formValue[key];
+            }
+        }
+        return filtered;
+    }
+    save() {
+        this.loading = true;
+        const depObj = this.filterNullValues(this.departmentForm.value);
+        if (this.depId === 'root') {
+            this.departmentManagementService.createDepartmentInRoot(depObj).subscribe((res) => {
+                this.loading = false;
+                this.dialogRef.close(true);
+                this.toastr.show('success', 'success', 'success');
+            }, (err) => {
+                this.loading = false;
+                this.dialogRef.close(false);
+                this.toastr.show('error', 'error', err.ret.message ? `errors.${err.ret.code}` : 'genericError');
+            });
+        }
+        else {
+            this.departmentManagementService.createDepartment(depObj, this.depId).subscribe((res) => {
+                this.loading = false;
+                this.dialogRef.close(true);
+                this.toastr.show('success', 'success', 'success');
+            }, (err) => {
+                this.loading = false;
+                this.toastr.show('error', 'error', err.ret.message ? `errors.${err.ret.code}` : 'genericError');
+            });
+        }
+    }
+    departmentFormPopulate(department) {
+        this.departmentForm.patchValue({
+            title: department.title,
+            arabicName: department.arabicName,
+            englishName: department.englishName,
+            deptTypee: department.deptTypee,
+            description: department.description,
+            isAllowRecExternal: department.isAllowRecExternal
+        });
+    }
+    getDepartment() {
+        this.departmentManagementService.getDepartment(this.depId).subscribe((res) => {
+            this.departmentFormPopulate(res.properties);
+        });
+    }
+    update() {
+        this.loading = true;
+        this.departmentManagementService.updateDepartment(this.departmentForm.value, this.depId).subscribe((res) => {
+            this.loading = false;
+            this.dialogRef.close(true);
+            this.toastr.show('success', 'success', 'success');
+        }, (err) => {
+            this.loading = false;
+            this.toastr.show('error', 'error', err.ret.message ? `errors.${err.ret.code}` : 'genericError');
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DepartmentFormComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$6.MatDialogRef }, { token: CustomToastrService }, { token: DepartmentApiService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DepartmentFormComponent, isStandalone: false, selector: "cts-department-form", usesInheritance: true, ngImport: i0, template: "<ndf-nuxeo-dialog\r\n\tdialogTitle=\"{{\r\n\t\t'department_management.form.' + (updateMode ? 'updateHeader' : 'header')\r\n\t\t\t| translate\r\n\t}}\"\r\n\tpanelClass=\"voc-form\"\r\n>\r\n\t<ng-template #contentTemplate>\r\n\t\t<form [formGroup]=\"departmentForm\" class=\"row voc-form-body\">\r\n\t\t\t<div class=\"col-lg-6 col-12\">\r\n\t\t\t\t<app-dynamic-form-textitem\r\n\t\t\t\t\tformControlName=\"title\"\r\n\t\t\t\t\t[label]=\"'department_management.form.title'\"\r\n\t\t\t\t\t[disabled]=\"updateMode\"\r\n\t\t\t\t\t[preventSpace]=\"true\"\r\n\t\t\t\t></app-dynamic-form-textitem>\r\n\t\t\t\t<div class=\"hint-msg\">\r\n\t\t\t\t\t{{ 'department_management.form.hintMsg' | translate }}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<app-dynamic-form-textitem\r\n\t\t\t\tclass=\"col-lg-6 col-12\"\r\n\t\t\t\tformControlName=\"arabicName\"\r\n\t\t\t\t[label]=\"'department_management.form.ArabicName'\"\r\n\t\t\t></app-dynamic-form-textitem>\r\n\t\t\t<app-dynamic-form-textitem\r\n\t\t\t\tclass=\"col-lg-6 col-12\"\r\n\t\t\t\tformControlName=\"englishName\"\r\n\t\t\t\t[label]=\"'department_management.form.EnglishName'\"\r\n\t\t\t></app-dynamic-form-textitem>\r\n\t\t\t<app-dynamic-form-vocabulary-item\r\n\t\t\t\t*ngIf=\"data.displayDepTypee\"\r\n\t\t\t\tclass=\"col-lg-6 col-12\"\r\n\t\t\t\t[label]=\"'department_management.form.deptTypee'\"\r\n\t\t\t\t[bindLabel]=\"'label'\"\r\n\t\t\t\t[bindValue]=\"'id'\"\r\n\t\t\t\tplaceholder=\"{{ 'VOCABULARY.SELECT_ITEM' | translate }}\"\r\n\t\t\t\t[multiple]=\"false\"\r\n\t\t\t\t[searchable]=\"false\"\r\n\t\t\t\t[closeOnSelect]=\"true\"\r\n\t\t\t\t[hideSelectedItems]=\"false\"\r\n\t\t\t\t[vocabularyType]=\"'VOC_DepartmentType'\"\r\n\t\t\t\tformControlName=\"deptTypee\"\r\n\t\t\t>\r\n\t\t\t</app-dynamic-form-vocabulary-item>\r\n\t\t\t<app-dynamic-form-textitem\r\n\t\t\t\tclass=\"col-lg-6 col-12\"\r\n\t\t\t\tformControlName=\"description\"\r\n\t\t\t\t[label]=\"'department_management.form.Description'\"\r\n\t\t\t></app-dynamic-form-textitem>\r\n\r\n\t\t\t<cts-dynamic-form-slide-toggleitem\r\n\t\t\t\t*ngIf=\"data.displayIsAllowRecExternal\"\r\n\t\t\t\tclass=\"col-lg-6 col-12 isAllowRecExternal\"\r\n\t\t\t\tformControlName=\"isAllowRecExternal\"\r\n\t\t\t\t[label]=\"'department_management.form.isAllowRecExternal'\"\r\n\t\t\t></cts-dynamic-form-slide-toggleitem>\r\n\t\t</form>\r\n\t</ng-template>\r\n\r\n\t<ng-template #actionsTemplate let-dialog=\"dialog\">\r\n\t\t<button\r\n\t\t\t(click)=\"dialog.executeAction(createDocument)\"\r\n\t\t\t[disabled]=\"\r\n\t\t\t\tscannerUploadButton?.disabled ||\r\n\t\t\t\t!selectedFile?.dynamicData.valid ||\r\n\t\t\t\tfileForm.invalid\r\n\t\t\t\"\r\n\t\t\t[ngClass]=\"{\r\n\t\t\t\t'opacity-30 cursor-not-allowed':\r\n\t\t\t\t\tscannerUploadButton?.disabled ||\r\n\t\t\t\t\t!selectedFile?.dynamicData.valid ||\r\n\t\t\t\t\tfileForm.invalid\r\n\t\t\t}\"\r\n\t\t\tclass=\"submission-button\"\r\n\t\t>\r\n\t\t\t{{\r\n\t\t\t\tuploadMangmentService?.scanCreationFailed\r\n\t\t\t\t\t? ('BUTTONS.TRY_AGAIN' | translate)\r\n\t\t\t\t\t: ('BUTTONS.CREATE' | translate)\r\n\t\t\t}}\r\n\t\t</button>\r\n\r\n\t\t<button\r\n\t\t\t*ngIf=\"!updateMode\"\r\n\t\t\t(click)=\"dialog.executeAction(save)\"\r\n\t\t\t[disabled]=\"departmentForm.invalid\"\r\n\t\t\tclass=\"voc-form-submit\"\r\n\t\t>\r\n\t\t\t{{ 'BUTTONS.SAVE' | translate }}\r\n\t\t</button>\r\n\r\n\t\t<button\r\n\t\t\t*ngIf=\"updateMode\"\r\n\t\t\t(click)=\"dialog.executeAction(update)\"\r\n\t\t\t[disabled]=\"departmentForm.invalid\"\r\n\t\t\tclass=\"voc-form-submit\"\r\n\t\t>\r\n\t\t\t{{ 'BUTTONS.UPDATE' | translate }}\r\n\t\t</button>\r\n\t</ng-template>\r\n</ndf-nuxeo-dialog>\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:700;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}.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,.my-dynamic-viewer .direction-img .outgoing,.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,.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.voc-form{padding:20px}.voc-form .hint-msg{font-size:12px;font-style:italic;margin-top:2px;color:#6a768e}.voc-form .voc-form-hedaer{margin-bottom:8px;font-size:20px;color:#465573}.voc-form .button-group{margin-top:12px;column-gap:6px!important}.voc-form .button-group cts-button{width:16%}@media (max-width: 992px){.voc-form .button-group cts-button{width:20%}}@media only screen and (max-width: 768px){.voc-form .button-group cts-button{width:28%}}.voc-form .isAllowRecExternal{display:flex;align-items:center;margin-top:26px;overflow:hidden}@media only screen and (max-width: 768px){.voc-form .isAllowRecExternal{font-size:12px}}\n"], dependencies: [{ kind: "directive", type: i1$5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: NdfNuxeoDialog, selector: "ndf-nuxeo-dialog", inputs: ["dialogTitle", "subTitle", "panelClass", "bodyClass", "loaderMode"] }, { kind: "component", 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"] }, { kind: "component", type: DynamicFormSlideToggleitemComponent, selector: "cts-dynamic-form-slide-toggleitem", inputs: ["label", "disabled", "checked", "theme"], outputs: ["onToggle"] }, { kind: "component", type: DynamicFormVocabularyItemComponent, selector: "app-dynamic-form-vocabulary-item", inputs: ["id", "onlyIds", "bindValue", "bindLabel", "placeholder", "multiple", "searchable", "closeOnSelect", "hideSelectedItems", "disabled", "vocabularyType", "label", "cacheable", "shwoAllValues", "emitVocabulryRecordOnSelect"], outputs: ["onSelecting"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DepartmentFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cts-department-form', standalone: false, template: "<ndf-nuxeo-dialog\r\n\tdialogTitle=\"{{\r\n\t\t'department_management.form.' + (updateMode ? 'updateHeader' : 'header')\r\n\t\t\t| translate\r\n\t}}\"\r\n\tpanelClass=\"voc-form\"\r\n>\r\n\t<ng-template #contentTemplate>\r\n\t\t<form [formGroup]=\"departmentForm\" class=\"row voc-form-body\">\r\n\t\t\t<div class=\"col-lg-6 col-12\">\r\n\t\t\t\t<app-dynamic-form-textitem\r\n\t\t\t\t\tformControlName=\"title\"\r\n\t\t\t\t\t[label]=\"'department_management.form.title'\"\r\n\t\t\t\t\t[disabled]=\"updateMode\"\r\n\t\t\t\t\t[preventSpace]=\"true\"\r\n\t\t\t\t></app-dynamic-form-textitem>\r\n\t\t\t\t<div class=\"hint-msg\">\r\n\t\t\t\t\t{{ 'department_management.form.hintMsg' | translate }}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<app-dynamic-form-textitem\r\n\t\t\t\tclass=\"col-lg-6 col-12\"\r\n\t\t\t\tformControlName=\"arabicName\"\r\n\t\t\t\t[label]=\"'department_management.form.ArabicName'\"\r\n\t\t\t></app-dynamic-form-textitem>\r\n\t\t\t<app-dynamic-form-textitem\r\n\t\t\t\tclass=\"col-lg-6 col-12\"\r\n\t\t\t\tformControlName=\"englishName\"\r\n\t\t\t\t[label]=\"'department_management.form.EnglishName'\"\r\n\t\t\t></app-dynamic-form-textitem>\r\n\t\t\t<app-dynamic-form-vocabulary-item\r\n\t\t\t\t*ngIf=\"data.displayDepTypee\"\r\n\t\t\t\tclass=\"col-lg-6 col-12\"\r\n\t\t\t\t[label]=\"'department_management.form.deptTypee'\"\r\n\t\t\t\t[bindLabel]=\"'label'\"\r\n\t\t\t\t[bindValue]=\"'id'\"\r\n\t\t\t\tplaceholder=\"{{ 'VOCABULARY.SELECT_ITEM' | translate }}\"\r\n\t\t\t\t[multiple]=\"false\"\r\n\t\t\t\t[searchable]=\"false\"\r\n\t\t\t\t[closeOnSelect]=\"true\"\r\n\t\t\t\t[hideSelectedItems]=\"false\"\r\n\t\t\t\t[vocabularyType]=\"'VOC_DepartmentType'\"\r\n\t\t\t\tformControlName=\"deptTypee\"\r\n\t\t\t>\r\n\t\t\t</app-dynamic-form-vocabulary-item>\r\n\t\t\t<app-dynamic-form-textitem\r\n\t\t\t\tclass=\"col-lg-6 col-12\"\r\n\t\t\t\tformControlName=\"description\"\r\n\t\t\t\t[label]=\"'department_management.form.Description'\"\r\n\t\t\t></app-dynamic-form-textitem>\r\n\r\n\t\t\t<cts-dynamic-form-slide-toggleitem\r\n\t\t\t\t*ngIf=\"data.displayIsAllowRecExternal\"\r\n\t\t\t\tclass=\"col-lg-6 col-12 isAllowRecExternal\"\r\n\t\t\t\tformControlName=\"isAllowRecExternal\"\r\n\t\t\t\t[label]=\"'department_management.form.isAllowRecExternal'\"\r\n\t\t\t></cts-dynamic-form-slide-toggleitem>\r\n\t\t</form>\r\n\t</ng-template>\r\n\r\n\t<ng-template #actionsTemplate let-dialog=\"dialog\">\r\n\t\t<button\r\n\t\t\t(click)=\"dialog.executeAction(createDocument)\"\r\n\t\t\t[disabled]=\"\r\n\t\t\t\tscannerUploadButton?.disabled ||\r\n\t\t\t\t!selectedFile?.dynamicData.valid ||\r\n\t\t\t\tfileForm.invalid\r\n\t\t\t\"\r\n\t\t\t[ngClass]=\"{\r\n\t\t\t\t'opacity-30 cursor-not-allowed':\r\n\t\t\t\t\tscannerUploadButton?.disabled ||\r\n\t\t\t\t\t!selectedFile?.dynamicData.valid ||\r\n\t\t\t\t\tfileForm.invalid\r\n\t\t\t}\"\r\n\t\t\tclass=\"submission-button\"\r\n\t\t>\r\n\t\t\t{{\r\n\t\t\t\tuploadMangmentService?.scanCreationFailed\r\n\t\t\t\t\t? ('BUTTONS.TRY_AGAIN' | translate)\r\n\t\t\t\t\t: ('BUTTONS.CREATE' | translate)\r\n\t\t\t}}\r\n\t\t</button>\r\n\r\n\t\t<button\r\n\t\t\t*ngIf=\"!updateMode\"\r\n\t\t\t(click)=\"dialog.executeAction(save)\"\r\n\t\t\t[disabled]=\"departmentForm.invalid\"\r\n\t\t\tclass=\"voc-form-submit\"\r\n\t\t>\r\n\t\t\t{{ 'BUTTONS.SAVE' | translate }}\r\n\t\t</button>\r\n\r\n\t\t<button\r\n\t\t\t*ngIf=\"updateMode\"\r\n\t\t\t(click)=\"dialog.executeAction(update)\"\r\n\t\t\t[disabled]=\"departmentForm.invalid\"\r\n\t\t\tclass=\"voc-form-submit\"\r\n\t\t>\r\n\t\t\t{{ 'BUTTONS.UPDATE' | translate }}\r\n\t\t</button>\r\n\t</ng-template>\r\n</ndf-nuxeo-dialog>\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:700;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}.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,.my-dynamic-viewer .direction-img .outgoing,.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,.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.voc-form{padding:20px}.voc-form .hint-msg{font-size:12px;font-style:italic;margin-top:2px;color:#6a768e}.voc-form .voc-form-hedaer{margin-bottom:8px;font-size:20px;color:#465573}.voc-form .button-group{margin-top:12px;column-gap:6px!important}.voc-form .button-group cts-button{width:16%}@media (max-width: 992px){.voc-form .button-group cts-button{width:20%}}@media only screen and (max-width: 768px){.voc-form .button-group cts-button{width:28%}}.voc-form .isAllowRecExternal{display:flex;align-items:center;margin-top:26px;overflow:hidden}@media only screen and (max-width: 768px){.voc-form .isAllowRecExternal{font-size:12px}}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1$6.MatDialogRef }, { type: CustomToastrService }, { type: DepartmentApiService }, { type: i0.Injector }] });
+
 let DepartmentManagementService$1 = class DepartmentManagementService {
     constructor(nuxeoService, adapter, myConfigService, nuxeoDialogService, dialog, environment) {
         this.nuxeoService = nuxeoService;
@@ -13211,80 +13368,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 type: Input
             }] } });
 
-class DynamicFormFieldComponent {
-    constructor(translate, control) {
-        this.translate = translate;
-        this.control = control;
-        this.disabled = false;
-        this.onDestroy$ = new Subject();
-        this.onChange = () => { };
-        this.onTouched = () => { };
-        this.Validator = (control) => {
-            if (!this.value.isValid) {
-                return { formValidator: true };
-            }
-            return null;
-        };
-        this.control.valueAccessor = this;
-    }
-    get invalid() {
-        return this.control ? this.control.invalid : false;
-    }
-    get showError() {
-        if (!this.control) {
-            return false;
-        }
-        const { dirty, touched } = this.control;
-        return this.invalid ? (dirty || touched) : false;
-    }
-    isRequired() {
-        if (!this.control.control.validator) {
-            return false;
-        }
-        const validator = this.control.control.validator({});
-        return (validator && validator.required);
-    }
-    writeValue(value) {
-        this.value = value;
-    }
-    ngOnInit() {
-        this.control.control.setValidators([this.Validator]);
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-    ngOnDestroy() {
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
-    }
-    onChanged(value) {
-        console.log(value);
-        this.value = value;
-        this.onChange(value);
-        this.onTouched();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormFieldComponent, deps: [{ token: i1$1.TranslateService }, { token: i2$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DynamicFormFieldComponent, isStandalone: false, selector: "cts-dynamic-form-field", inputs: { disabled: "disabled", field: "field" }, ngImport: i0, template: "<formio [form]=\"field\" (change)=\"onChanged($event)\"></formio>\r\n", styles: [""], dependencies: [{ kind: "component", type: i3$6.FormioComponent, selector: "formio" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cts-dynamic-form-field', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<formio [form]=\"field\" (change)=\"onChanged($event)\"></formio>\r\n" }]
-        }], ctorParameters: () => [{ type: i1$1.TranslateService }, { type: i2$2.NgControl, decorators: [{
-                    type: Self
-                }, {
-                    type: Optional
-                }] }], propDecorators: { disabled: [{
-                type: Input
-            }], field: [{
-                type: Input
-            }] } });
-
 /**
  * A Hijri and gregorian datepicker
  *  that can be used inside reactive or template driven forms
@@ -13888,7 +13971,7 @@ class DynamicFormSelectTagComponent {
     }
     loadTags() {
         this.tags$ = concat(of([]), // default items
-        this.tagsInput$.pipe(debounceTime$1(200), distinctUntilChanged(), tap(() => (this.tagsLoading = true)), switchMap((term) => this.tagsApiService.tagsSuggestion(term).pipe(catchError(() => of([])), // empty list on error
+        this.tagsInput$.pipe(debounceTime(200), distinctUntilChanged(), tap(() => (this.tagsLoading = true)), switchMap((term) => this.tagsApiService.tagsSuggestion(term).pipe(catchError(() => of([])), // empty list on error
         tap(() => (this.tagsLoading = false))))));
     }
     isRequired() {
@@ -14381,7 +14464,7 @@ class DynamicFormSelectUsersComponent {
     }
     loadUsers() {
         this.userNameInput$
-            .pipe(debounceTime$1(200), distinctUntilChanged(), tap(() => {
+            .pipe(debounceTime(200), distinctUntilChanged(), tap(() => {
             this.loading = true;
             this.sub?.unsubscribe();
         }), switchMap((term) => {
@@ -14733,48 +14816,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: ['editorInput']
             }] } });
 
-class DynamicFormViewerComponent {
-    constructor(translate, translation, configService) {
-        this.translate = translate;
-        this.translation = translation;
-        this.configService = configService;
-        this.form = {};
-        this.data = null;
-        this.classType = null;
-        this.list = [];
-        this.isArabic = false;
-        this.dateFomrate = this.configService.myConfiguration['dynamicFormDateFormate'] ? this.configService.myConfiguration['dynamicFormDateFormate'] : 'dd MMM y';
-    }
-    ngOnInit() {
-        this.translation.isArabic.subscribe(res => {
-            this.isArabic = res;
-            const translations = {};
-            const translationsAr = {};
-            Utils.eachComponent(this.form.components, (comp) => {
-                this.list.push({
-                    labelAr: comp.labelAr,
-                    labelEn: comp.label,
-                    customOptions: comp.customOptions,
-                    value: this.data[this.form.prefix + ':' + comp.key],
-                    type: comp.type
-                });
-            });
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormViewerComponent, deps: [{ token: i1$1.TranslateService }, { token: TranslationService }, { token: AppConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DynamicFormViewerComponent, isStandalone: false, selector: "cts-dynamic-form-viewer", inputs: { form: "form", data: "data", classType: "classType" }, ngImport: i0, template: "<div class=\"dynamic-fields-values\">\r\n  <div class=\"fields-title\">\r\n    {{ \"CREATE.CORRESP_FORM_VIEWER\" | translate }}\r\n  </div>\r\n  <div class=\"values-wrapper\">\r\n    <div class=\"mx-1 mb-2 class-type-title\" *ngIf=\"classType\">{{\"vocabulary.VOC_CorrespondenceClass.\" + classType |\r\n      translate}}</div>\r\n    <div class=\"single-field-value\" *ngFor=\"let item of list\">\r\n      <div class=\"title\" *ngIf=\"!isArabic\">{{ item.labelEn }}</div>\r\n      <div class=\"title\" *ngIf=\"isArabic\">{{ item.labelAr }}</div>\r\n      <ng-container [ngSwitch]=\"item?.type\">\r\n        <ng-container *ngSwitchCase=\"'vocabulary'\">\r\n            <div *ngIf=\"item.value!=undefined\" class=\"value\">{{ 'vocabulary.' + item.customOptions.vocId + '.' + item.value | translate}}</div>    \r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'toggle'\">\r\n            <div class=\"value\">{{ '' + item.value | translate}}</div>    \r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'customdate'\">\r\n          <div class=\"value\">{{ item.value | localizedDate : dateFomrate : (isArabic? 'ar-AR' : 'en-US')}}</div>    \r\n      </ng-container>\r\n        <ng-container *ngSwitchDefault>\r\n            <div class=\"value\">{{ item.value}}</div>    \r\n        </ng-container>\r\n      </ng-container>\r\n      \r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".dynamic-fields-values .fields-title{font-size:14px;font-weight:700}.dynamic-fields-values .values-wrapper{border:1px solid #d9dce2;padding:5px 10px}.dynamic-fields-values .values-wrapper .class-type-title{font-size:14px}.dynamic-fields-values .values-wrapper .single-field-value{padding:10px 0;display:flex;border-bottom:1px solid #e2e6ec}.dynamic-fields-values .values-wrapper .single-field-value .title{font-size:12px;font-weight:500;width:140px;word-break:break-word}.dynamic-fields-values .values-wrapper .single-field-value .value{font-size:12px;width:calc(100% - 140px);word-break:break-word}.dynamic-fields-values .values-wrapper .single-field-value:last-child{border-bottom:none}\n"], dependencies: [{ kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$5.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: LocalizedDatePipe, name: "localizedDate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormViewerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cts-dynamic-form-viewer', standalone: false, template: "<div class=\"dynamic-fields-values\">\r\n  <div class=\"fields-title\">\r\n    {{ \"CREATE.CORRESP_FORM_VIEWER\" | translate }}\r\n  </div>\r\n  <div class=\"values-wrapper\">\r\n    <div class=\"mx-1 mb-2 class-type-title\" *ngIf=\"classType\">{{\"vocabulary.VOC_CorrespondenceClass.\" + classType |\r\n      translate}}</div>\r\n    <div class=\"single-field-value\" *ngFor=\"let item of list\">\r\n      <div class=\"title\" *ngIf=\"!isArabic\">{{ item.labelEn }}</div>\r\n      <div class=\"title\" *ngIf=\"isArabic\">{{ item.labelAr }}</div>\r\n      <ng-container [ngSwitch]=\"item?.type\">\r\n        <ng-container *ngSwitchCase=\"'vocabulary'\">\r\n            <div *ngIf=\"item.value!=undefined\" class=\"value\">{{ 'vocabulary.' + item.customOptions.vocId + '.' + item.value | translate}}</div>    \r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'toggle'\">\r\n            <div class=\"value\">{{ '' + item.value | translate}}</div>    \r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'customdate'\">\r\n          <div class=\"value\">{{ item.value | localizedDate : dateFomrate : (isArabic? 'ar-AR' : 'en-US')}}</div>    \r\n      </ng-container>\r\n        <ng-container *ngSwitchDefault>\r\n            <div class=\"value\">{{ item.value}}</div>    \r\n        </ng-container>\r\n      </ng-container>\r\n      \r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".dynamic-fields-values .fields-title{font-size:14px;font-weight:700}.dynamic-fields-values .values-wrapper{border:1px solid #d9dce2;padding:5px 10px}.dynamic-fields-values .values-wrapper .class-type-title{font-size:14px}.dynamic-fields-values .values-wrapper .single-field-value{padding:10px 0;display:flex;border-bottom:1px solid #e2e6ec}.dynamic-fields-values .values-wrapper .single-field-value .title{font-size:12px;font-weight:500;width:140px;word-break:break-word}.dynamic-fields-values .values-wrapper .single-field-value .value{font-size:12px;width:calc(100% - 140px);word-break:break-word}.dynamic-fields-values .values-wrapper .single-field-value:last-child{border-bottom:none}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.TranslateService }, { type: TranslationService }, { type: AppConfigService }], propDecorators: { form: [{
-                type: Input
-            }], data: [{
-                type: Input
-            }], classType: [{
-                type: Input
-            }] } });
-
 class FieldsAdapterService {
     /* this.builderComponents = {
        VOC_CorrespondenceCategory: {
@@ -15145,6 +15186,130 @@ function registerDateComponent(injector) {
     registerCustomFormioComponent(COMPONENT_OPTIONS$3, DateWrapperComponent, injector);
 }
 
+class VocabularyWrapperComponent {
+    constructor() {
+        this.valueChange = new EventEmitter();
+    }
+    executeFunction(event) {
+        this.valueChange.emit(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: VocabularyWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: VocabularyWrapperComponent, isStandalone: false, selector: "app-vocabulary-wrapper", inputs: { value: "value", vocId: "vocId", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<app-dynamic-form-vocabulary-item *ngIf=\"vocId\"\r\n[bindLabel]=\"'displayLabel'\"\r\n[bindValue]=\"'id'\"\r\n[(ngModel)]=\"value\"\r\n(onSelecting)=\"executeFunction($event)\"\r\n[vocabularyType]=\"vocId\">\r\n</app-dynamic-form-vocabulary-item>\r\n<!-- <div>\r\n    {{vocId | json}}\r\n</div> -->\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: DynamicFormVocabularyItemComponent, selector: "app-dynamic-form-vocabulary-item", inputs: ["id", "onlyIds", "bindValue", "bindLabel", "placeholder", "multiple", "searchable", "closeOnSelect", "hideSelectedItems", "disabled", "vocabularyType", "label", "cacheable", "shwoAllValues", "emitVocabulryRecordOnSelect"], outputs: ["onSelecting"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: VocabularyWrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-vocabulary-wrapper', standalone: false, template: "<app-dynamic-form-vocabulary-item *ngIf=\"vocId\"\r\n[bindLabel]=\"'displayLabel'\"\r\n[bindValue]=\"'id'\"\r\n[(ngModel)]=\"value\"\r\n(onSelecting)=\"executeFunction($event)\"\r\n[vocabularyType]=\"vocId\">\r\n</app-dynamic-form-vocabulary-item>\r\n<!-- <div>\r\n    {{vocId | json}}\r\n</div> -->\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { value: [{
+                type: Input
+            }], vocId: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+
+const editForm$2 = () => baseEditForm([
+    {
+        key: 'display',
+        components: [
+            {
+                type: 'textfield',
+                label: 'vocabulary key',
+                key: 'customOptions.vocId',
+                disabled: false,
+                weight: -1
+            }
+        ]
+    }
+]);
+const COMPONENT_OPTIONS$2 = {
+    type: 'vocabulary',
+    selector: 'vocabulary-selector',
+    title: 'vocabulary',
+    group: 'basic',
+    icon: 'fa fa-star',
+    fieldOptions: ['customOptions', 'customOptions.vocId'],
+    editForm: editForm$2
+};
+function registerVocabularyComponent(injector) {
+    registerCustomFormioComponent(COMPONENT_OPTIONS$2, VocabularyWrapperComponent, injector);
+}
+
+class DynamicFormFieldComponent {
+    constructor(translate, control) {
+        this.translate = translate;
+        this.control = control;
+        this.disabled = false;
+        this.onDestroy$ = new Subject();
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        this.Validator = (control) => {
+            if (!this.value.isValid) {
+                return { formValidator: true };
+            }
+            return null;
+        };
+        this.control.valueAccessor = this;
+    }
+    get invalid() {
+        return this.control ? this.control.invalid : false;
+    }
+    get showError() {
+        if (!this.control) {
+            return false;
+        }
+        const { dirty, touched } = this.control;
+        return this.invalid ? (dirty || touched) : false;
+    }
+    isRequired() {
+        if (!this.control.control.validator) {
+            return false;
+        }
+        const validator = this.control.control.validator({});
+        return (validator && validator.required);
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    ngOnInit() {
+        this.control.control.setValidators([this.Validator]);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    ngOnDestroy() {
+        this.onDestroy$.next(true);
+        this.onDestroy$.complete();
+    }
+    onChanged(value) {
+        console.log(value);
+        this.value = value;
+        this.onChange(value);
+        this.onTouched();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormFieldComponent, deps: [{ token: i1$1.TranslateService }, { token: i2$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DynamicFormFieldComponent, isStandalone: false, selector: "cts-dynamic-form-field", inputs: { disabled: "disabled", field: "field" }, ngImport: i0, template: "<formio [form]=\"field\" (change)=\"onChanged($event)\"></formio>\r\n", styles: [""], dependencies: [{ kind: "component", type: i3$6.FormioComponent, selector: "formio" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cts-dynamic-form-field', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<formio [form]=\"field\" (change)=\"onChanged($event)\"></formio>\r\n" }]
+        }], ctorParameters: () => [{ type: i1$1.TranslateService }, { type: i2$2.NgControl, decorators: [{
+                    type: Self
+                }, {
+                    type: Optional
+                }] }], propDecorators: { disabled: [{
+                type: Input
+            }], field: [{
+                type: Input
+            }] } });
+
 class ToggleWrapperComponent {
     constructor() {
         this.valueChange = new EventEmitter();
@@ -15170,19 +15335,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 type: Input
             }] } });
 
-const editForm$2 = () => baseEditForm();
-const COMPONENT_OPTIONS$2 = {
+const editForm$1 = () => baseEditForm();
+const COMPONENT_OPTIONS$1 = {
     type: 'toggle',
     selector: 'toggle-selector',
     title: 'toggle',
     group: 'basic',
     icon: 'fa fa-star',
     fieldOptions: ['customOptions', 'fixedKey'],
-    editForm: editForm$2
+    editForm: editForm$1
 };
 function registerToggleComponent(injector) {
-    registerCustomFormioComponent(COMPONENT_OPTIONS$2, ToggleWrapperComponent, injector);
+    registerCustomFormioComponent(COMPONENT_OPTIONS$1, ToggleWrapperComponent, injector);
+}
+
+class DynamicFormViewerComponent {
+    constructor(translate, translation, configService) {
+        this.translate = translate;
+        this.translation = translation;
+        this.configService = configService;
+        this.form = {};
+        this.data = null;
+        this.classType = null;
+        this.list = [];
+        this.isArabic = false;
+        this.dateFomrate = this.configService.myConfiguration['dynamicFormDateFormate'] ? this.configService.myConfiguration['dynamicFormDateFormate'] : 'dd MMM y';
+    }
+    ngOnInit() {
+        this.translation.isArabic.subscribe(res => {
+            this.isArabic = res;
+            const translations = {};
+            const translationsAr = {};
+            Utils.eachComponent(this.form.components, (comp) => {
+                this.list.push({
+                    labelAr: comp.labelAr,
+                    labelEn: comp.label,
+                    customOptions: comp.customOptions,
+                    value: this.data[this.form.prefix + ':' + comp.key],
+                    type: comp.type
+                });
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormViewerComponent, deps: [{ token: i1$1.TranslateService }, { token: TranslationService }, { token: AppConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DynamicFormViewerComponent, isStandalone: false, selector: "cts-dynamic-form-viewer", inputs: { form: "form", data: "data", classType: "classType" }, ngImport: i0, template: "<div class=\"dynamic-fields-values\">\r\n  <div class=\"fields-title\">\r\n    {{ \"CREATE.CORRESP_FORM_VIEWER\" | translate }}\r\n  </div>\r\n  <div class=\"values-wrapper\">\r\n    <div class=\"mx-1 mb-2 class-type-title\" *ngIf=\"classType\">{{\"vocabulary.VOC_CorrespondenceClass.\" + classType |\r\n      translate}}</div>\r\n    <div class=\"single-field-value\" *ngFor=\"let item of list\">\r\n      <div class=\"title\" *ngIf=\"!isArabic\">{{ item.labelEn }}</div>\r\n      <div class=\"title\" *ngIf=\"isArabic\">{{ item.labelAr }}</div>\r\n      <ng-container [ngSwitch]=\"item?.type\">\r\n        <ng-container *ngSwitchCase=\"'vocabulary'\">\r\n            <div *ngIf=\"item.value!=undefined\" class=\"value\">{{ 'vocabulary.' + item.customOptions.vocId + '.' + item.value | translate}}</div>    \r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'toggle'\">\r\n            <div class=\"value\">{{ '' + item.value | translate}}</div>    \r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'customdate'\">\r\n          <div class=\"value\">{{ item.value | localizedDate : dateFomrate : (isArabic? 'ar-AR' : 'en-US')}}</div>    \r\n      </ng-container>\r\n        <ng-container *ngSwitchDefault>\r\n            <div class=\"value\">{{ item.value}}</div>    \r\n        </ng-container>\r\n      </ng-container>\r\n      \r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".dynamic-fields-values .fields-title{font-size:14px;font-weight:700}.dynamic-fields-values .values-wrapper{border:1px solid #d9dce2;padding:5px 10px}.dynamic-fields-values .values-wrapper .class-type-title{font-size:14px}.dynamic-fields-values .values-wrapper .single-field-value{padding:10px 0;display:flex;border-bottom:1px solid #e2e6ec}.dynamic-fields-values .values-wrapper .single-field-value .title{font-size:12px;font-weight:500;width:140px;word-break:break-word}.dynamic-fields-values .values-wrapper .single-field-value .value{font-size:12px;width:calc(100% - 140px);word-break:break-word}.dynamic-fields-values .values-wrapper .single-field-value:last-child{border-bottom:none}\n"], dependencies: [{ kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$5.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: LocalizedDatePipe, name: "localizedDate" }] }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DynamicFormViewerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cts-dynamic-form-viewer', standalone: false, template: "<div class=\"dynamic-fields-values\">\r\n  <div class=\"fields-title\">\r\n    {{ \"CREATE.CORRESP_FORM_VIEWER\" | translate }}\r\n  </div>\r\n  <div class=\"values-wrapper\">\r\n    <div class=\"mx-1 mb-2 class-type-title\" *ngIf=\"classType\">{{\"vocabulary.VOC_CorrespondenceClass.\" + classType |\r\n      translate}}</div>\r\n    <div class=\"single-field-value\" *ngFor=\"let item of list\">\r\n      <div class=\"title\" *ngIf=\"!isArabic\">{{ item.labelEn }}</div>\r\n      <div class=\"title\" *ngIf=\"isArabic\">{{ item.labelAr }}</div>\r\n      <ng-container [ngSwitch]=\"item?.type\">\r\n        <ng-container *ngSwitchCase=\"'vocabulary'\">\r\n            <div *ngIf=\"item.value!=undefined\" class=\"value\">{{ 'vocabulary.' + item.customOptions.vocId + '.' + item.value | translate}}</div>    \r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'toggle'\">\r\n            <div class=\"value\">{{ '' + item.value | translate}}</div>    \r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'customdate'\">\r\n          <div class=\"value\">{{ item.value | localizedDate : dateFomrate : (isArabic? 'ar-AR' : 'en-US')}}</div>    \r\n      </ng-container>\r\n        <ng-container *ngSwitchDefault>\r\n            <div class=\"value\">{{ item.value}}</div>    \r\n        </ng-container>\r\n      </ng-container>\r\n      \r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".dynamic-fields-values .fields-title{font-size:14px;font-weight:700}.dynamic-fields-values .values-wrapper{border:1px solid #d9dce2;padding:5px 10px}.dynamic-fields-values .values-wrapper .class-type-title{font-size:14px}.dynamic-fields-values .values-wrapper .single-field-value{padding:10px 0;display:flex;border-bottom:1px solid #e2e6ec}.dynamic-fields-values .values-wrapper .single-field-value .title{font-size:12px;font-weight:500;width:140px;word-break:break-word}.dynamic-fields-values .values-wrapper .single-field-value .value{font-size:12px;width:calc(100% - 140px);word-break:break-word}.dynamic-fields-values .values-wrapper .single-field-value:last-child{border-bottom:none}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.TranslateService }, { type: TranslationService }, { type: AppConfigService }], propDecorators: { form: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], classType: [{
+                type: Input
+            }] } });
 
 class UserSelectorWrapperComponent {
     constructor() {
@@ -15249,7 +15456,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 type: Output
             }] } });
 
-const editForm$1 = () => baseEditForm([
+const editForm = () => baseEditForm([
     {
         key: 'display',
         components: [
@@ -15263,67 +15470,17 @@ const editForm$1 = () => baseEditForm([
         ]
     }
 ]);
-const COMPONENT_OPTIONS$1 = {
+const COMPONENT_OPTIONS = {
     type: 'userSelector',
     selector: 'user-selector',
     title: 'userSelector',
     group: 'basic',
     icon: 'fa fa-star',
     fieldOptions: ['customOptions', 'customOptions.multipleMode'],
-    editForm: editForm$1
-};
-function registerUserSelectorComponent(injector) {
-    registerCustomFormioComponent(COMPONENT_OPTIONS$1, UserSelectorWrapperComponent, injector);
-}
-
-class VocabularyWrapperComponent {
-    constructor() {
-        this.valueChange = new EventEmitter();
-    }
-    executeFunction(event) {
-        this.valueChange.emit(event);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: VocabularyWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: VocabularyWrapperComponent, isStandalone: false, selector: "app-vocabulary-wrapper", inputs: { value: "value", vocId: "vocId", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<app-dynamic-form-vocabulary-item *ngIf=\"vocId\"\r\n[bindLabel]=\"'displayLabel'\"\r\n[bindValue]=\"'id'\"\r\n[(ngModel)]=\"value\"\r\n(onSelecting)=\"executeFunction($event)\"\r\n[vocabularyType]=\"vocId\">\r\n</app-dynamic-form-vocabulary-item>\r\n<!-- <div>\r\n    {{vocId | json}}\r\n</div> -->\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: DynamicFormVocabularyItemComponent, selector: "app-dynamic-form-vocabulary-item", inputs: ["id", "onlyIds", "bindValue", "bindLabel", "placeholder", "multiple", "searchable", "closeOnSelect", "hideSelectedItems", "disabled", "vocabularyType", "label", "cacheable", "shwoAllValues", "emitVocabulryRecordOnSelect"], outputs: ["onSelecting"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: VocabularyWrapperComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-vocabulary-wrapper', standalone: false, template: "<app-dynamic-form-vocabulary-item *ngIf=\"vocId\"\r\n[bindLabel]=\"'displayLabel'\"\r\n[bindValue]=\"'id'\"\r\n[(ngModel)]=\"value\"\r\n(onSelecting)=\"executeFunction($event)\"\r\n[vocabularyType]=\"vocId\">\r\n</app-dynamic-form-vocabulary-item>\r\n<!-- <div>\r\n    {{vocId | json}}\r\n</div> -->\r\n" }]
-        }], ctorParameters: () => [], propDecorators: { value: [{
-                type: Input
-            }], vocId: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }] } });
-
-const editForm = () => baseEditForm([
-    {
-        key: 'display',
-        components: [
-            {
-                type: 'textfield',
-                label: 'vocabulary key',
-                key: 'customOptions.vocId',
-                disabled: false,
-                weight: -1
-            }
-        ]
-    }
-]);
-const COMPONENT_OPTIONS = {
-    type: 'vocabulary',
-    selector: 'vocabulary-selector',
-    title: 'vocabulary',
-    group: 'basic',
-    icon: 'fa fa-star',
-    fieldOptions: ['customOptions', 'customOptions.vocId'],
     editForm
 };
-function registerVocabularyComponent(injector) {
-    registerCustomFormioComponent(COMPONENT_OPTIONS, VocabularyWrapperComponent, injector);
+function registerUserSelectorComponent(injector) {
+    registerCustomFormioComponent(COMPONENT_OPTIONS, UserSelectorWrapperComponent, injector);
 }
 
 /**
@@ -15336,7 +15493,7 @@ class DynamicFormModule {
             registerVocabularyComponent,
             registerDateComponent,
             registerToggleComponent,
-            registerUserSelectorComponent,
+            registerUserSelectorComponent
         ];
         this.formioRegisters().forEach((registerar) => {
             try {
@@ -15365,6 +15522,7 @@ class DynamicFormModule {
             DynamicFormSelectUsersComponent,
             DynamicFormSelectUserFilterComponent,
             DynamicFormSelectTagComponent,
+            SearchAutocompleteComponent,
             VocabularyWrapperComponent,
             DateWrapperComponent,
             DynamicFormComponent,
@@ -15397,6 +15555,7 @@ class DynamicFormModule {
             DirectiveModule,
             MatTooltipModule,
             TranslateModule,
+            AutocompleteLibModule,
             FormioModule,
             MatDialogModule,
             PipesModule,
@@ -15418,6 +15577,7 @@ class DynamicFormModule {
             DynamicFormSelectUsersComponent,
             DynamicFormSelectUserFilterComponent,
             DynamicFormSelectTagComponent,
+            SearchAutocompleteComponent,
             DynamicFormComponent,
             DynamicFormBuilderComponent,
             DynamicFormFieldComponent,
@@ -15448,6 +15608,7 @@ class DynamicFormModule {
             DirectiveModule,
             MatTooltipModule,
             TranslateModule,
+            AutocompleteLibModule,
             FormioModule,
             MatDialogModule,
             PipesModule,
@@ -15481,11 +15642,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         DirectiveModule,
                         MatTooltipModule,
                         TranslateModule,
+                        AutocompleteLibModule,
                         FormioModule,
                         MatDialogModule,
                         PipesModule,
                         NuxeoDialogModule,
-                        HightLightTextPipe,
+                        HightLightTextPipe
                     ],
                     declarations: [
                         DynamicFormComponent,
@@ -15507,6 +15669,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         DynamicFormSelectUsersComponent,
                         DynamicFormSelectUserFilterComponent,
                         DynamicFormSelectTagComponent,
+                        SearchAutocompleteComponent,
                         VocabularyWrapperComponent,
                         DateWrapperComponent,
                         DynamicFormComponent,
@@ -15515,7 +15678,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         ToggleWrapperComponent,
                         DynamicFormViewerComponent,
                         DepartmentFormComponent,
-                        UserSelectorWrapperComponent,
+                        UserSelectorWrapperComponent
                     ],
                     exports: [
                         TreeviewSelectComponent,
@@ -15535,14 +15698,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         DynamicFormSelectUsersComponent,
                         DynamicFormSelectUserFilterComponent,
                         DynamicFormSelectTagComponent,
+                        SearchAutocompleteComponent,
                         DynamicFormComponent,
                         DynamicFormBuilderComponent,
                         DynamicFormFieldComponent,
                         DynamicFormViewerComponent,
                         TranslateModule,
-                        DepartmentFormComponent,
+                        DepartmentFormComponent
                     ],
-                    providers: [{ provide: OwlDateTimeIntl, useClass: owlDateTimeIntl }],
+                    providers: [{ provide: OwlDateTimeIntl, useClass: owlDateTimeIntl }]
                 }]
         }], ctorParameters: () => [{ type: i0.Injector }] });
 
@@ -16935,7 +17099,7 @@ class TableColumnsTogglerComponent extends BaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TableColumnsTogglerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TableColumnsTogglerComponent, isStandalone: false, selector: "table-columns-toggler", inputs: { prefix: "prefix", sortable: "sortable", columns: "columns" }, outputs: { columnsChanged: "columnsChanged" }, host: { classAttribute: "columns-toggler" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button mat-stroked-button [matMenuTriggerFor]=\"menu\" class=\"columns-toggler__button\">\r\n\t<mat-icon inline> tune </mat-icon>\r\n\t{{ 'TABLE.toggleColumns' | translate }}\r\n</button>\r\n<mat-menu #menu=\"matMenu\" class=\"p-0\" xPosition=\"before\">\r\n\t<div\r\n\t\tclass=\"flex justify-between mb-2 columns-toggler__all top-0 pb-2 px-3\"\r\n\t\t(click)=\"$event.stopPropagation()\"\r\n\t>\r\n\t\t<mat-checkbox\r\n\t\t\t*ngIf=\"!!columns?.length && !enableSorting\"\r\n\t\t\t(change)=\"onCheckAllChange($event)\"\r\n\t\t\t[checked]=\"columnsSelection.selected.length > 0 && columnsSelection.selected.length === columns?.length\"\r\n\t\t\t[indeterminate]=\"columnsSelection.selected.length > 0 && columnsSelection.selected.length < columns?.length\"\r\n\t\t>\r\n\t\t\t{{ 'FILTERS.all' | translate }}\r\n\t\t</mat-checkbox>\r\n\r\n\t\t<button class=\"action-btn apply-sorting-btn\" *ngIf=\"enableSorting\" (click)=\"applySort()\">\r\n\t\t\t{{ 'TABLE.applySorting' | translate }}\r\n\t\t</button>\r\n\r\n\t\t<mat-icon\r\n\t\t\trole=\"button\"\r\n\t\t\t(click)=\"toggleSorting()\"\r\n\t\t\t*ngIf=\"sortEnabled\"\r\n\t\t\t[title]=\"(enableSorting ? 'TABLE.disableSorting' : 'TABLE.enableSorting') | translate\"\r\n\t\t\t[matTooltip]=\"(enableSorting ? 'TABLE.disableSorting' : 'TABLE.enableSorting') | translate\"\r\n\t\t\tclass=\"columns-toggler__sort-icon\"\r\n\t\t>\r\n\t\t\t{{ enableSorting ? 'playlist_remove' : 'format_line_spacing' }}\r\n\t\t</mat-icon>\r\n\t</div>\r\n\r\n\t<ul\r\n\t\tclass=\"columns-toggler__columns py-2 px-3\"\r\n\t\t(click)=\"$event.stopPropagation()\"\r\n\t\t[dir]=\"direction\"\r\n\t\tcdkDropList\r\n\t\t[cdkDropListDisabled]=\"!enableSorting && !sortEnabled\"\r\n\t\t(cdkDropListDropped)=\"drop($event)\"\r\n\t>\r\n\t\t<li\r\n\t\t\t*ngFor=\"let col of columns\"\r\n\t\t\tclass=\"mb-2 column-control\"\r\n\t\t\tcdkDrag\r\n\t\t\t[cdkDragDisabled]=\"!enableSorting\"\r\n\t\t\t[class.sorting-enabled]=\"enableSorting\"\r\n\t\t\t[class.column-control__hidden]=\"!columnsSelection.isSelected(col)\"\r\n\t\t>\r\n\t\t\t<mat-checkbox [checked]=\"columnsSelection.isSelected(col)\" (change)=\"columnsSelection.toggle(col)\">\r\n\t\t\t\t{{ prefix + col.name | translate }}\r\n\t\t\t</mat-checkbox>\r\n\t\t</li>\r\n\t</ul>\r\n\t<ul\r\n\t\tclass=\"columns-toggler__frozen-columns py-2 px-3\"\r\n\t\t(click)=\"$event.stopPropagation()\"\r\n\t\t*ngIf=\"sortEnabled && frozenColumns?.length\"\r\n\t>\r\n\t\t<li *ngFor=\"let col of frozenColumns\" class=\"column-control\">\r\n\t\t\t<mat-checkbox [checked]=\"columnsSelection.isSelected(col)\" (change)=\"columnsSelection.toggle(col)\">\r\n\t\t\t\t{{ prefix + col.name | translate }}\r\n\t\t\t</mat-checkbox>\r\n\t\t</li>\r\n\t</ul>\r\n</mat-menu>\r\n", styles: [".columns-toggler__all{border-bottom:var(--columns-toggler-border, solid #f0f0f0)}.columns-toggler__sort-icon{color:var(--sort-icon-color, #000)}.columns-toggler__columns{max-height:var(--cols-max-height, 275px);overflow-y:auto}.columns-toggler__columns .check-all-box{background:var(--check-background-color, #fff)}.columns-toggler__columns .column-control.sorting-enabled ::ng-deep,.columns-toggler__columns .column-control.sorting-enabled ::ng-deep .mat-checkbox-label{cursor:move}.columns-toggler__columns .column-control.sorting-enabled.cdk-drag-disabled{cursor:not-allowed;background:var(--drag-disabled-background, transparent);box-shadow:0 0 0 3px var(--drag-disabled-background, transparent)}.columns-toggler__columns .column-control__hidden{opacity:.7}.columns-toggler__columns .column-control.cdk-drag-preview{box-sizing:border-box;list-style:none;background:var(--secondary-color);box-shadow:var(--drag-preview-shadow, 0 0 0 3px var(--secondary-color), 0 1px 12px -4px #b8b8b8)}.columns-toggler__columns .cdk-drag-placeholder{opacity:0}.columns-toggler__frozen-columns{border-top:var(--frozen-cols-border-top, 2px solid #ccc);max-height:var(--frozen-cols--max-height, 150px);overflow-y:auto}::ng-deep .column-control.cdk-drag-preview{box-sizing:border-box;list-style:none;background:var(--secondary-color);box-shadow:var(--drag-preview-shadow, 0 0 0 3px var(--secondary-color), 0 1px 12px -4px #b8b8b8)}::ng-deep .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.columns-toggler__sort-icon{color:var(--icon-color)!important}.apply-sorting-btn{background-color:var(--logo-button-bg);color:var(--main-text)}\n"], dependencies: [{ kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i2$1.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "directive", type: i3$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i4$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i4$3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i8$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i8$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TableColumnsTogglerComponent, isStandalone: false, selector: "table-columns-toggler", inputs: { prefix: "prefix", sortable: "sortable", columns: "columns" }, outputs: { columnsChanged: "columnsChanged" }, host: { classAttribute: "columns-toggler" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button mat-stroked-button [matMenuTriggerFor]=\"menu\" class=\"columns-toggler__button\">\r\n\t<mat-icon inline> tune </mat-icon>\r\n\t{{ 'TABLE.toggleColumns' | translate }}\r\n</button>\r\n<mat-menu #menu=\"matMenu\" class=\"p-0\" xPosition=\"before\">\r\n\t<div\r\n\t\tclass=\"flex justify-between mb-2 columns-toggler__all top-0 pb-2 px-3\"\r\n\t\t(click)=\"$event.stopPropagation()\"\r\n\t>\r\n\t\t<mat-checkbox\r\n\t\t\t*ngIf=\"!!columns?.length && !enableSorting\"\r\n\t\t\t(change)=\"onCheckAllChange($event)\"\r\n\t\t\t[checked]=\"columnsSelection.selected.length > 0 && columnsSelection.selected.length === columns?.length\"\r\n\t\t\t[indeterminate]=\"columnsSelection.selected.length > 0 && columnsSelection.selected.length < columns?.length\"\r\n\t\t>\r\n\t\t\t{{ 'FILTERS.all' | translate }}\r\n\t\t</mat-checkbox>\r\n\r\n\t\t<button class=\"action-btn apply-sorting-btn\" *ngIf=\"enableSorting\" (click)=\"applySort()\">\r\n\t\t\t{{ 'TABLE.applySorting' | translate }}\r\n\t\t</button>\r\n\r\n\t\t<mat-icon\r\n\t\t\trole=\"button\"\r\n\t\t\t(click)=\"toggleSorting()\"\r\n\t\t\t*ngIf=\"sortEnabled\"\r\n\t\t\t[title]=\"(enableSorting ? 'TABLE.disableSorting' : 'TABLE.enableSorting') | translate\"\r\n\t\t\t[matTooltip]=\"(enableSorting ? 'TABLE.disableSorting' : 'TABLE.enableSorting') | translate\"\r\n\t\t\tclass=\"columns-toggler__sort-icon\"\r\n\t\t>\r\n\t\t\t{{ enableSorting ? 'playlist_remove' : 'format_line_spacing' }}\r\n\t\t</mat-icon>\r\n\t</div>\r\n\r\n\t<ul\r\n\t\tclass=\"columns-toggler__columns py-2 px-3\"\r\n\t\t(click)=\"$event.stopPropagation()\"\r\n\t\t[dir]=\"direction\"\r\n\t\tcdkDropList\r\n\t\t[cdkDropListDisabled]=\"!enableSorting && !sortEnabled\"\r\n\t\t(cdkDropListDropped)=\"drop($event)\"\r\n\t>\r\n\t\t<li\r\n\t\t\t*ngFor=\"let col of columns\"\r\n\t\t\tclass=\"mb-2 column-control\"\r\n\t\t\tcdkDrag\r\n\t\t\t[cdkDragDisabled]=\"!enableSorting\"\r\n\t\t\t[class.sorting-enabled]=\"enableSorting\"\r\n\t\t\t[class.column-control__hidden]=\"!columnsSelection.isSelected(col)\"\r\n\t\t>\r\n\t\t\t<mat-checkbox [checked]=\"columnsSelection.isSelected(col)\" (change)=\"columnsSelection.toggle(col)\">\r\n\t\t\t\t{{ prefix + col.name | translate }}\r\n\t\t\t</mat-checkbox>\r\n\t\t</li>\r\n\t</ul>\r\n\t<ul\r\n\t\tclass=\"columns-toggler__frozen-columns py-2 px-3\"\r\n\t\t(click)=\"$event.stopPropagation()\"\r\n\t\t*ngIf=\"sortEnabled && frozenColumns?.length\"\r\n\t>\r\n\t\t<li *ngFor=\"let col of frozenColumns\" class=\"column-control\">\r\n\t\t\t<mat-checkbox [checked]=\"columnsSelection.isSelected(col)\" (change)=\"columnsSelection.toggle(col)\">\r\n\t\t\t\t{{ prefix + col.name | translate }}\r\n\t\t\t</mat-checkbox>\r\n\t\t</li>\r\n\t</ul>\r\n</mat-menu>\r\n", styles: [".columns-toggler__all{border-bottom:var(--columns-toggler-border, solid #f0f0f0)}.columns-toggler__sort-icon{color:var(--sort-icon-color, #000)}.columns-toggler__columns{max-height:var(--cols-max-height, 275px);overflow-y:auto}.columns-toggler__columns .check-all-box{background:var(--check-background-color, #fff)}.columns-toggler__columns .column-control.sorting-enabled ::ng-deep,.columns-toggler__columns .column-control.sorting-enabled ::ng-deep .mat-checkbox-label{cursor:move}.columns-toggler__columns .column-control.sorting-enabled.cdk-drag-disabled{cursor:not-allowed;background:var(--drag-disabled-background, transparent);box-shadow:0 0 0 3px var(--drag-disabled-background, transparent)}.columns-toggler__columns .column-control__hidden{opacity:.7}.columns-toggler__columns .column-control.cdk-drag-preview{box-sizing:border-box;list-style:none;background:var(--secondary-color);box-shadow:var(--drag-preview-shadow, 0 0 0 3px var(--secondary-color), 0 1px 12px -4px #b8b8b8)}.columns-toggler__columns .cdk-drag-placeholder{opacity:0}.columns-toggler__frozen-columns{border-top:var(--frozen-cols-border-top, 2px solid #ccc);max-height:var(--frozen-cols--max-height, 150px);overflow-y:auto}::ng-deep .column-control.cdk-drag-preview{box-sizing:border-box;list-style:none;background:var(--secondary-color);box-shadow:var(--drag-preview-shadow, 0 0 0 3px var(--secondary-color), 0 1px 12px -4px #b8b8b8)}::ng-deep .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.columns-toggler__sort-icon{color:var(--icon-color)!important}.apply-sorting-btn{background-color:var(--logo-button-bg);color:var(--main-text)}\n"], dependencies: [{ kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i2$1.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "directive", type: i3$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i4$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i4$3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i8$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i8$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TableColumnsTogglerComponent, decorators: [{
             type: Component,
@@ -17599,7 +17763,7 @@ class FilterAutocompleteInputComponent {
     ngOnInit() {
         window.addEventListener('scroll', this.scrollHandler, true);
         const minLength = this.searchConfig?.minLength || 2;
-        this.options$ = this.searchCtrl.valueChanges.pipe(debounceTime$1(this.searchConfig?.debounceTime || 500), distinctUntilChanged(), filter$1((val) => !!val && val.length > minLength), switchMap((searchText) => {
+        this.options$ = this.searchCtrl.valueChanges.pipe(debounceTime(this.searchConfig?.debounceTime || 500), distinctUntilChanged(), filter$1((val) => !!val && val.length > minLength), switchMap((searchText) => {
             if (this._selectionMade) {
                 this._selectionMade = false;
                 return of([]);
@@ -19036,7 +19200,7 @@ class NdfDatepickerComponent extends BaseDateValueAccessor {
     }
     _listenToValueChange() {
         this.dateControl.valueChanges
-            .pipe(debounceTime$1(100), map((data) => this.range
+            .pipe(debounceTime(100), map((data) => this.range
             ? this.calendarService.prepareRangeOutputValue(data)
             : this.calendarService.prepareOutputValue(data)), distinctUntilChanged((a, b) => ___default.isEqual(a?.value, b?.value)))
             .subscribe((value) => {
@@ -20230,7 +20394,7 @@ class AggregationAutocompleteComponent extends BaseAggregationField {
     }
     _changeValueListener() {
         this.internalValue.valueChanges
-            .pipe(distinctUntilChanged(), debounceTime$1(200), takeUntil(this.destroy$))
+            .pipe(distinctUntilChanged(), debounceTime(200), takeUntil(this.destroy$))
             .subscribe((obj) => {
             this.selectedValueSub.next(!obj || typeof obj === 'string' ? obj : obj.value);
         });
@@ -20742,7 +20906,7 @@ class PredicateDateInputComponent extends BasePredicateField {
     }
     ngOnInit() {
         this.formDate.valueChanges
-            .pipe(map((date) => this._prepareDateToEmit(date)), distinctUntilChanged((a, b) => ___default.isEqual(a, b)), debounceTime$1(this.debounceTime), takeUntil(this.destroy$))
+            .pipe(map((date) => this._prepareDateToEmit(date)), distinctUntilChanged((a, b) => ___default.isEqual(a, b)), debounceTime(this.debounceTime), takeUntil(this.destroy$))
             .subscribe((res) => {
             this._isFieldDirty = !!res;
             this.onChange(res);
@@ -20974,7 +21138,7 @@ class PredicateTextInputComponent extends BasePredicateField {
     ngOnInit() {
         this._prepareSelectList();
         this.internalValue.valueChanges
-            .pipe(distinctUntilChanged(), debounceTime$1(this.renderOptions?.debounceTime || DEFAULT_DEBOUNCE_TIME), filter$1((value) => {
+            .pipe(distinctUntilChanged(), debounceTime(this.renderOptions?.debounceTime || DEFAULT_DEBOUNCE_TIME), filter$1((value) => {
             if (this.renderOptions.inputType !== 'email' || !value) {
                 return true;
             }
@@ -21476,7 +21640,7 @@ class FiltersPanelComponent extends BaseFiltersPanel {
     }
     _handleFormGroupChanges() {
         this.formGroup.valueChanges
-            .pipe(debounceTime$1(300), map((formValue) => {
+            .pipe(debounceTime(300), map((formValue) => {
             const data = this._evaluateConditions(formValue);
             return removeEmptyKeys(data);
         }), distinctUntilChanged((a, b) => ___default.isEqual(a, b)), takeUntil(this.destroy$))
@@ -22061,7 +22225,7 @@ class TextSearchComponent extends DestroySubject {
     ngOnInit() {
         if (this.searchConfig.searchMode === 'realTime') {
             this.internalValue.valueChanges
-                .pipe(distinctUntilChanged(), debounceTime$1(this.searchConfig?.debounceTime || DEFAULT_DEBOUNCE_TIME), takeUntil(this.destroy$))
+                .pipe(distinctUntilChanged(), debounceTime(this.searchConfig?.debounceTime || DEFAULT_DEBOUNCE_TIME), takeUntil(this.destroy$))
                 .subscribe((res) => {
                 this.onSearch(res);
             });
@@ -23910,7 +24074,7 @@ class DynamicSearchComponent {
         this.breakpoint();
         this.searchForm
             .get('text')
-            .valueChanges.pipe(debounceTime$1(500))
+            .valueChanges.pipe(debounceTime(500))
             .subscribe((res) => {
             this.search(res).subscribe((results) => {
                 this.resultSets = results;
@@ -24385,6 +24549,7 @@ class CorrespondenceRelationModule {
             MatIconModule,
             NgSelectModule,
             SelectModule,
+            AutocompleteLibModule,
             LayoutModule,
             MatChipsModule,
             MatMenuModule,
@@ -24406,6 +24571,7 @@ class CorrespondenceRelationModule {
             MatIconModule,
             NgSelectModule,
             SelectModule,
+            AutocompleteLibModule,
             LayoutModule,
             MatChipsModule,
             MatMenuModule,
@@ -24439,6 +24605,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         MatIconModule,
                         NgSelectModule,
                         SelectModule,
+                        AutocompleteLibModule,
                         LayoutModule,
                         MatChipsModule,
                         MatMenuModule,
@@ -27343,7 +27510,7 @@ class DynamicChartComponent {
     listenToWindowResize() {
         this.ngZone.runOutsideAngular(() => {
             fromEvent(window, 'resize')
-                .pipe(debounceTime$1(300), takeUntil(this.onDestroy$))
+                .pipe(debounceTime(300), takeUntil(this.onDestroy$))
                 .subscribe(() => {
                 if (this.chartObj) {
                     this.chartObj.resize();
@@ -27352,7 +27519,7 @@ class DynamicChartComponent {
         });
     }
     createChart() {
-        this.creatChart.pipe(debounceTime$1(500)).subscribe((res) => {
+        this.creatChart.pipe(debounceTime(500)).subscribe((res) => {
             this.getData().subscribe((data) => {
                 this.data = data;
                 this.changeDetector.detectChanges();
@@ -27397,7 +27564,7 @@ class DynamicChartComponent {
     }
     createChartWithoutPP() {
         this.isFetching = true;
-        this.creatChart.pipe(debounceTime$1(300)).subscribe((res) => {
+        this.creatChart.pipe(debounceTime(300)).subscribe((res) => {
             this.data = this.inputChartData;
             this.changeDetector.detectChanges();
             let randomColors = {};
@@ -30485,7 +30652,7 @@ class SpellCheckerTextFieldComponent extends BaseSelector {
     }
     ngOnInit() {
         this.control.valueChanges
-            .pipe(debounceTime$1(500), takeUntil(this.destroy$))
+            .pipe(debounceTime(500), takeUntil(this.destroy$))
             .subscribe((res) => {
             if (res && this.trackChange) {
                 this.checkFromText.emit(true);
@@ -36170,7 +36337,7 @@ class ChartComponent extends BaseChartComponent {
     listenToWindowResize() {
         this._ngZone.runOutsideAngular(() => {
             fromEvent(window, 'resize')
-                .pipe(debounceTime$1(300), filter$1(() => !!this._chart), takeUntil(this.destroy$))
+                .pipe(debounceTime(300), filter$1(() => !!this._chart), takeUntil(this.destroy$))
                 .subscribe(() => {
                 requestAnimationFrame(() => this._chart?.resize());
             });
@@ -40226,7 +40393,7 @@ class EditorSettingsComponent {
         this.settingsList = [...this.settingsList, item];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EditorSettingsComponent, deps: [{ token: ComponentRegisterService, optional: true }, { token: EvaluatorsService, optional: true }, { token: NdfTransformService, optional: true }, { token: ChartDataTransformers, optional: true }, { token: ChartPluginsRegistry, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: EditorSettingsComponent, isStandalone: false, selector: "app-editor-settings", ngImport: i0, template: "<cdk-accordion class=\"settings-list\">\r\n\t<cdk-accordion-item\r\n\t\t*ngFor=\"let item of settingsList; let index = index\"\r\n\t\t#accordionItem=\"cdkAccordionItem\"\r\n\t\tclass=\"settings-list__item\"\r\n\t\trole=\"button\"\r\n\t\ttabindex=\"0\"\r\n\t\t[attr.id]=\"'accordion-header-' + index\"\r\n\t\t[attr.aria-expanded]=\"accordionItem.expanded\"\r\n\t\t[attr.aria-controls]=\"'accordion-body-' + index\"\r\n\t>\r\n\t\t<div class=\"settings-list__item__header\" (click)=\"accordionItem.toggle()\">\r\n\t\t\t<span class=\"settings-list__item__header__title truncate\">\r\n\t\t\t\t{{ item.name | translate }}\r\n\t\t\t</span>\r\n\r\n\t\t\t<mat-icon class=\"settings-list__item__header__icon\">\r\n\t\t\t\t{{ accordionItem.expanded ? 'expand_less' : 'expand_more' }}\r\n\t\t\t</mat-icon>\r\n\t\t</div>\r\n\t\t<div\r\n\t\t\tclass=\"settings-list__item__body\"\r\n\t\t\trole=\"region\"\r\n\t\t\t[style.display]=\"accordionItem.expanded ? '' : 'none'\"\r\n\t\t\t[attr.id]=\"'accordion-body-' + index\"\r\n\t\t\t[attr.aria-labelledby]=\"'accordion-header-' + index\"\r\n\t\t>\r\n\t\t\t<ul class=\"keys-list\">\r\n\t\t\t\t<li\r\n\t\t\t\t\t*ngFor=\"let key of item.keys\"\r\n\t\t\t\t\tclass=\"keys-list__key\"\r\n\t\t\t\t\t[appCopyToClipboard]=\"key\"\r\n\t\t\t\t\t[matTooltip]=\"'JSON_EDITOR.clickToCopy' | translate\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ key }}\r\n\t\t\t\t</li>\r\n\t\t\t</ul>\r\n\t\t</div>\r\n\t</cdk-accordion-item>\r\n</cdk-accordion>\r\n", styles: [".settings-list{padding:var(--esl-padding, .5rem);color:var(--esl-color, inherit)}.settings-list__item__header{display:flex;justify-content:space-between;align-items:center;min-width:0;padding:var(--esl-header-padding, .5rem);border-bottom:var(--esl-header-border, 1px solid var(--border-color))}.settings-list__item__header__title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.keys-list{font-family:var(--keys-list-font-family, system-ui);font-size:var(--keys-list-font-size, .9rem);margin-block:var(--keys-list-margin, .5rem)}.keys-list__key{margin-bottom:.2rem;color:var(--keys-text-color, inherit);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-block:.15rem}.keys-list__key:hover{background:var(--keys-hover-background, #f5f5f5)}\n"], dependencies: [{ kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i8$2.CdkAccordion, selector: "cdk-accordion, [cdkAccordion]", inputs: ["multi"], exportAs: ["cdkAccordion"] }, { kind: "directive", type: i8$2.CdkAccordionItem, selector: "cdk-accordion-item, [cdkAccordionItem]", inputs: ["expanded", "disabled"], outputs: ["closed", "opened", "destroyed", "expandedChange"], exportAs: ["cdkAccordionItem"] }, { kind: "directive", type: CopyToClipboardDirective, selector: "[appCopyToClipboard]", inputs: ["appCopyToClipboard"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: EditorSettingsComponent, isStandalone: false, selector: "app-editor-settings", ngImport: i0, template: "<cdk-accordion class=\"settings-list\">\r\n\t<cdk-accordion-item\r\n\t\t*ngFor=\"let item of settingsList; let index = index\"\r\n\t\t#accordionItem=\"cdkAccordionItem\"\r\n\t\tclass=\"settings-list__item\"\r\n\t\trole=\"button\"\r\n\t\ttabindex=\"0\"\r\n\t\t[attr.id]=\"'accordion-header-' + index\"\r\n\t\t[attr.aria-expanded]=\"accordionItem.expanded\"\r\n\t\t[attr.aria-controls]=\"'accordion-body-' + index\"\r\n\t>\r\n\t\t<div class=\"settings-list__item__header\" (click)=\"accordionItem.toggle()\">\r\n\t\t\t<span class=\"settings-list__item__header__title truncate\">\r\n\t\t\t\t{{ item.name | translate }}\r\n\t\t\t</span>\r\n\r\n\t\t\t<mat-icon class=\"settings-list__item__header__icon\">\r\n\t\t\t\t{{ accordionItem.expanded ? 'expand_less' : 'expand_more' }}\r\n\t\t\t</mat-icon>\r\n\t\t</div>\r\n\t\t<div\r\n\t\t\tclass=\"settings-list__item__body\"\r\n\t\t\trole=\"region\"\r\n\t\t\t[style.display]=\"accordionItem.expanded ? '' : 'none'\"\r\n\t\t\t[attr.id]=\"'accordion-body-' + index\"\r\n\t\t\t[attr.aria-labelledby]=\"'accordion-header-' + index\"\r\n\t\t>\r\n\t\t\t<ul class=\"keys-list\">\r\n\t\t\t\t<li\r\n\t\t\t\t\t*ngFor=\"let key of item.keys\"\r\n\t\t\t\t\tclass=\"keys-list__key\"\r\n\t\t\t\t\t[appCopyToClipboard]=\"key\"\r\n\t\t\t\t\t[matTooltip]=\"'JSON_EDITOR.clickToCopy' | translate\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ key }}\r\n\t\t\t\t</li>\r\n\t\t\t</ul>\r\n\t\t</div>\r\n\t</cdk-accordion-item>\r\n</cdk-accordion>\r\n", styles: [".settings-list{padding:var(--esl-padding, .5rem);color:var(--esl-color, inherit)}.settings-list__item__header{display:flex;justify-content:space-between;align-items:center;min-width:0;padding:var(--esl-header-padding, .5rem);border-bottom:var(--esl-header-border, 1px solid var(--border-color))}.settings-list__item__header__title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.keys-list{font-family:var(--keys-list-font-family, system-ui);font-size:var(--keys-list-font-size, .9rem);margin-block:var(--keys-list-margin, .5rem)}.keys-list__key{margin-bottom:.2rem;color:var(--keys-text-color, inherit);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-block:.15rem}.keys-list__key:hover{background:var(--keys-hover-background, #f5f5f5)}\n"], dependencies: [{ kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i8$3.CdkAccordion, selector: "cdk-accordion, [cdkAccordion]", inputs: ["multi"], exportAs: ["cdkAccordion"] }, { kind: "directive", type: i8$3.CdkAccordionItem, selector: "cdk-accordion-item, [cdkAccordionItem]", inputs: ["expanded", "disabled"], outputs: ["closed", "opened", "destroyed", "expandedChange"], exportAs: ["cdkAccordionItem"] }, { kind: "directive", type: CopyToClipboardDirective, selector: "[appCopyToClipboard]", inputs: ["appCopyToClipboard"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EditorSettingsComponent, decorators: [{
             type: Component,
@@ -40811,7 +40978,7 @@ class NdfUploaderService extends BaseService {
     }
     #startExecution() {
         this.#batchFiles
-            .pipe(distinctUntilChanged(), debounceTime$1(100), switchMap((batchFiles) => {
+            .pipe(distinctUntilChanged(), debounceTime(100), switchMap((batchFiles) => {
             const filesWithBatchId = batchFiles.filter((file) => file.batchId);
             const filesWithoutBatchId = batchFiles.filter((file) => !file.batchId);
             // const chunkRequests = _flatMap(filesWithBatchId, (file) => file.chunks).filter(
@@ -41147,7 +41314,7 @@ class NdfUploaderBottomSheetComponent extends BaseComponent {
         return item.id;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NdfUploaderBottomSheetComponent, deps: [{ token: i0.Injector }, { token: NuxeoDialogService }, { token: NdfUploaderService }, { token: NdfUploaderBottomSheetService }, { token: MAT_BOTTOM_SHEET_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: NdfUploaderBottomSheetComponent, isStandalone: false, selector: "ndf-uploader-bottom-sheet", usesInheritance: true, ngImport: i0, template: "<mat-expansion-panel [expanded]=\"expanded\" hideToggle>\r\n  <mat-expansion-panel-header #panelH (click)=\"panelH._toggle()\">\r\n    <div class=\"w-full d-flex justify-content-between\">\r\n      <ng-container *ngIf=\"completed$ | async as completed; else generalMsg\">\r\n        <ng-container *ngIf=\"completed > 1; else single\">\r\n          <div class=\"flex items-center justify-center fw-bold\">\r\n            {{\r\n              \"UploaderBottomSheet.MultiUploadsComplete\"\r\n                | translate : { completed: completed }\r\n            }}\r\n          </div>\r\n        </ng-container>\r\n        <ng-template #single>\r\n          <div class=\"flex items-center justify-center fw-bold\">\r\n            {{ \"UploaderBottomSheet.SingleUploadsComplete\" | translate }}\r\n          </div></ng-template\r\n        >\r\n      </ng-container>\r\n      <ng-template #generalMsg>\r\n        <div class=\"flex items-center justify-center fw-bold\">\r\n          {{ \"UploaderBottomSheet.UploadingData\" | translate }}\r\n        </div>\r\n      </ng-template>\r\n\r\n      <div>\r\n        <mat-icon\r\n          class=\"icon-size-3.5 mx-2\"\r\n          [svgIcon]=\"'icons:plus'\"\r\n          (click)=\"$event.stopPropagation(); fileInput.click()\"\r\n          matTooltip=\"{{ 'UploaderBottomSheet.CREATE' | translate }}\"\r\n        >\r\n        </mat-icon>\r\n        <input type=\"file\" hidden #fileInput (change)=\"add($event)\" multiple />\r\n\r\n        <mat-icon\r\n          class=\"icon-size-3.5 mx-2\"\r\n          [svgIcon]=\"'icons:open-folder'\"\r\n          (click)=\"$event.stopPropagation(); open()\"\r\n          matTooltip=\"{{ 'UploaderBottomSheet.ShowUploadedFiles' | translate }}\"\r\n        >\r\n        </mat-icon>\r\n\r\n        <mat-icon\r\n          class=\"icon-size-3.5 mx-2\"\r\n          [svgIcon]=\"'icons:expand'\"\r\n          [ngClass]=\"{\r\n            containerOpened: !expanded,\r\n            containerClosed: expanded\r\n          }\"\r\n          (click)=\"$event.stopPropagation(); expanded = !expanded\"\r\n          matTooltip=\"{{\r\n            (expanded\r\n              ? 'UploaderBottomSheet.MINIMIZED'\r\n              : 'UploaderBottomSheet.MAXIMIZED'\r\n            ) | translate\r\n          }}\"\r\n        >\r\n        </mat-icon>\r\n\r\n        <mat-icon\r\n          class=\"icon-size-3.5 close-sheet\"\r\n          [svgIcon]=\"'icons:cancel-icon'\"\r\n          (click)=\"$event.stopPropagation(); dismiss()\"\r\n          matTooltip=\"{{ 'UploaderBottomSheet.CLOSE' | translate }}\"\r\n        >\r\n        </mat-icon>\r\n      </div>\r\n    </div>\r\n  </mat-expansion-panel-header>\r\n\r\n  <div>\r\n    <div\r\n      class=\"file-item d-flex justify-content-between align-items-center py-2 px-5\"\r\n      *ngFor=\"\r\n        let fileInfo of uploaderBottomSheetService.filesInfo$ | async;\r\n        trackBy: trackFile\r\n      \"\r\n    >\r\n      <div class=\"d-flex align-items-center truncate\">\r\n        <img\r\n          src=\"{{ fileInfo.icon }}\"\r\n          class=\"file-icon\"\r\n          alt=\"{{ fileInfo.data.name }}\"\r\n        />\r\n        <span class=\"truncate file-name\">{{ fileInfo.data.name }}</span>\r\n      </div>\r\n      <div>\r\n        <!-- only if user hover the row -->\r\n        <span class=\"more-upload-actions align-items-center\">\r\n          <!-- cancel if file : pending or uploading + hover -->\r\n          <mat-icon\r\n            class=\"icon-size-3.5\"\r\n            [svgIcon]=\"'icons:cancel-icon'\"\r\n            (click)=\"$event.stopPropagation(); cancel(fileInfo)\"\r\n            matTooltip=\"{{ 'UploaderBottomSheet.CANCEL' | translate }}\"\r\n            *ngIf=\"\r\n              fileInfo.status == fileStatus.Pending ||\r\n              fileInfo.status == fileStatus.InProgress\r\n            \"\r\n          >\r\n          </mat-icon>\r\n\r\n          <!-- retry if file : canceled or error + hover -->\r\n\r\n          <mat-icon\r\n            class=\"icon-size-4.5\"\r\n            [svgIcon]=\"\r\n              fileInfo.metadata?.error == notAllowedFile\r\n                ? 'icons:error'\r\n                : 'icons:retry'\r\n            \"\r\n            (click)=\"\r\n              $event.stopPropagation();\r\n              fileInfo.metadata?.error == notAllowedFile\r\n                ? null\r\n                : retry(fileInfo)\r\n            \"\r\n            matTooltip=\"{{\r\n              fileInfo.metadata?.error || 'UploaderBottomSheet.RETRY'\r\n                | translate\r\n            }}\"\r\n            *ngIf=\"\r\n              fileInfo.status == fileStatus.Canceled ||\r\n              fileInfo.status == fileStatus.Error\r\n            \"\r\n          >\r\n          </mat-icon>\r\n\r\n          <!-- open file : hover + completed -->\r\n          <mat-icon\r\n            class=\"icon-size-4.5\"\r\n            [svgIcon]=\"'icons:open-folder'\"\r\n            (click)=\"$event.stopPropagation(); open(fileInfo)\"\r\n            matTooltip=\"{{ 'UploaderBottomSheet.OPEN' | translate }}\"\r\n            *ngIf=\"fileInfo.status == fileStatus.Completed\"\r\n          >\r\n          </mat-icon>\r\n        </span>\r\n\r\n        <span class=\"base-upload-actions align-items-center\">\r\n          <!-- file completed -->\r\n          <mat-icon\r\n            class=\"icon-size-4.5\"\r\n            [svgIcon]=\"'icons:complete'\"\r\n            *ngIf=\"fileInfo.status == fileStatus.Completed\"\r\n          >\r\n          </mat-icon>\r\n\r\n          <!-- file has error -->\r\n          <mat-icon\r\n            class=\"icon-size-4.5\"\r\n            [svgIcon]=\"'icons:error'\"\r\n            *ngIf=\"fileInfo.status == fileStatus.Error\"\r\n          >\r\n          </mat-icon>\r\n\r\n          <!-- user cancle the file -->\r\n          <mat-icon\r\n            class=\"icon-size-4.5\"\r\n            [svgIcon]=\"'icons:error'\"\r\n            *ngIf=\"fileInfo.status == fileStatus.Canceled\"\r\n          >\r\n          </mat-icon>\r\n\r\n          <div\r\n            class=\"spinner-container\"\r\n            *ngIf=\"\r\n              fileInfo.status == fileStatus.Pending ||\r\n              fileInfo.status == fileStatus.InProgress\r\n            \"\r\n          >\r\n            <mat-spinner\r\n              [value]=\"fileInfo.progress\"\r\n              diameter=\"20\"\r\n              strokeWidth=\"2\"\r\n              color=\"primary\"\r\n            ></mat-spinner>\r\n            <div\r\n              class=\"spinner-percentage\"\r\n              *ngIf=\"fileInfo.status == fileStatus.InProgress\"\r\n            >\r\n              {{ fileInfo.progress | number : \"1.0-0\" }}\r\n            </div>\r\n          </div>\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</mat-expansion-panel>\r\n", styles: [".upload-bottom-sheet{width:var(--upload-bottom-sheet-width, 30vw)!important;padding:var(--upload-bottom-sheet-padding, 0)!important;border-width:var(--upload-bottom-sheet-border-width, 1px);border-radius:var(--upload-bottom-sheet-border-radius, 16px 16px 0 0)!important;position:fixed!important;bottom:var(--upload-bottom-sheet-bottom, 0)!important}.upload-bottom-sheet .mat-icon-button{height:var(--upload-bottom-sheet-mat-icon-button-height, 1.125rem)!important;line-height:var(--upload-bottom-sheet-mat-icon-button-line-height, 1.125rem)!important}.upload-bottom-sheet .mat-expansion-panel-content{overflow-y:auto!important;max-height:var(--upload-bottom-sheet-mat-expansion-panel-max-height, 20vh)!important}.upload-bottom-sheet .mat-expansion-panel-body{padding:var(--upload-bottom-sheet-mat-expansion-panel-body-padding, 0)!important}.upload-bottom-sheet .file-icon{width:var(--upload-bottom-sheet-file-icon-width, 24px);margin-inline-end:var(--upload-bottom-sheet-file-icon-margin-inline-end, 6px);padding:var(--upload-bottom-sheet-file-icon-padding, 2px)}.upload-bottom-sheet .spinner-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.upload-bottom-sheet .spinner-percentage{position:absolute;font-size:var(--upload-bottom-sheet-spinner-percentage-font-size, 10px)}.upload-bottom-sheet .file-name{height:var(--upload-bottom-sheet-file-name-height, 24px)}.upload-bottom-sheet .base-upload-actions{display:flex}.upload-bottom-sheet .more-upload-actions{display:none}.upload-bottom-sheet .file-item:hover{cursor:pointer;background:var(--upload-bottom-sheet-file-item-hover-background, #f5f5f5)}.upload-bottom-sheet .file-item:hover .base-upload-actions{display:none}.upload-bottom-sheet .file-item:hover .more-upload-actions{display:flex}.upload-bottom-sheet .close-sheet{margin-inline-start:var(--upload-bottom-sheet-close-sheet-margin-inline-start, .5rem)}.mat-bottom-sheet-container{padding:unset}[lang=ar] .upload-bottom-sheet{left:1rem!important}[lang=en] .upload-bottom-sheet{right:1rem!important}\n"], dependencies: [{ kind: "directive", type: i1$5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i8.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i1$5.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$5.DecimalPipe, name: "number" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: NdfUploaderBottomSheetComponent, isStandalone: false, selector: "ndf-uploader-bottom-sheet", usesInheritance: true, ngImport: i0, template: "<mat-expansion-panel [expanded]=\"expanded\" hideToggle>\r\n  <mat-expansion-panel-header #panelH (click)=\"panelH._toggle()\">\r\n    <div class=\"w-full d-flex justify-content-between\">\r\n      <ng-container *ngIf=\"completed$ | async as completed; else generalMsg\">\r\n        <ng-container *ngIf=\"completed > 1; else single\">\r\n          <div class=\"flex items-center justify-center fw-bold\">\r\n            {{\r\n              \"UploaderBottomSheet.MultiUploadsComplete\"\r\n                | translate : { completed: completed }\r\n            }}\r\n          </div>\r\n        </ng-container>\r\n        <ng-template #single>\r\n          <div class=\"flex items-center justify-center fw-bold\">\r\n            {{ \"UploaderBottomSheet.SingleUploadsComplete\" | translate }}\r\n          </div></ng-template\r\n        >\r\n      </ng-container>\r\n      <ng-template #generalMsg>\r\n        <div class=\"flex items-center justify-center fw-bold\">\r\n          {{ \"UploaderBottomSheet.UploadingData\" | translate }}\r\n        </div>\r\n      </ng-template>\r\n\r\n      <div>\r\n        <mat-icon\r\n          class=\"icon-size-3.5 mx-2\"\r\n          [svgIcon]=\"'icons:plus'\"\r\n          (click)=\"$event.stopPropagation(); fileInput.click()\"\r\n          matTooltip=\"{{ 'UploaderBottomSheet.CREATE' | translate }}\"\r\n        >\r\n        </mat-icon>\r\n        <input type=\"file\" hidden #fileInput (change)=\"add($event)\" multiple />\r\n\r\n        <mat-icon\r\n          class=\"icon-size-3.5 mx-2\"\r\n          [svgIcon]=\"'icons:open-folder'\"\r\n          (click)=\"$event.stopPropagation(); open()\"\r\n          matTooltip=\"{{ 'UploaderBottomSheet.ShowUploadedFiles' | translate }}\"\r\n        >\r\n        </mat-icon>\r\n\r\n        <mat-icon\r\n          class=\"icon-size-3.5 mx-2\"\r\n          [svgIcon]=\"'icons:expand'\"\r\n          [ngClass]=\"{\r\n            containerOpened: !expanded,\r\n            containerClosed: expanded\r\n          }\"\r\n          (click)=\"$event.stopPropagation(); expanded = !expanded\"\r\n          matTooltip=\"{{\r\n            (expanded\r\n              ? 'UploaderBottomSheet.MINIMIZED'\r\n              : 'UploaderBottomSheet.MAXIMIZED'\r\n            ) | translate\r\n          }}\"\r\n        >\r\n        </mat-icon>\r\n\r\n        <mat-icon\r\n          class=\"icon-size-3.5 close-sheet\"\r\n          [svgIcon]=\"'icons:cancel-icon'\"\r\n          (click)=\"$event.stopPropagation(); dismiss()\"\r\n          matTooltip=\"{{ 'UploaderBottomSheet.CLOSE' | translate }}\"\r\n        >\r\n        </mat-icon>\r\n      </div>\r\n    </div>\r\n  </mat-expansion-panel-header>\r\n\r\n  <div>\r\n    <div\r\n      class=\"file-item d-flex justify-content-between align-items-center py-2 px-5\"\r\n      *ngFor=\"\r\n        let fileInfo of uploaderBottomSheetService.filesInfo$ | async;\r\n        trackBy: trackFile\r\n      \"\r\n    >\r\n      <div class=\"d-flex align-items-center truncate\">\r\n        <img\r\n          src=\"{{ fileInfo.icon }}\"\r\n          class=\"file-icon\"\r\n          alt=\"{{ fileInfo.data.name }}\"\r\n        />\r\n        <span class=\"truncate file-name\">{{ fileInfo.data.name }}</span>\r\n      </div>\r\n      <div>\r\n        <!-- only if user hover the row -->\r\n        <span class=\"more-upload-actions align-items-center\">\r\n          <!-- cancel if file : pending or uploading + hover -->\r\n          <mat-icon\r\n            class=\"icon-size-3.5\"\r\n            [svgIcon]=\"'icons:cancel-icon'\"\r\n            (click)=\"$event.stopPropagation(); cancel(fileInfo)\"\r\n            matTooltip=\"{{ 'UploaderBottomSheet.CANCEL' | translate }}\"\r\n            *ngIf=\"\r\n              fileInfo.status == fileStatus.Pending ||\r\n              fileInfo.status == fileStatus.InProgress\r\n            \"\r\n          >\r\n          </mat-icon>\r\n\r\n          <!-- retry if file : canceled or error + hover -->\r\n\r\n          <mat-icon\r\n            class=\"icon-size-4.5\"\r\n            [svgIcon]=\"\r\n              fileInfo.metadata?.error == notAllowedFile\r\n                ? 'icons:error'\r\n                : 'icons:retry'\r\n            \"\r\n            (click)=\"\r\n              $event.stopPropagation();\r\n              fileInfo.metadata?.error == notAllowedFile\r\n                ? null\r\n                : retry(fileInfo)\r\n            \"\r\n            matTooltip=\"{{\r\n              fileInfo.metadata?.error || 'UploaderBottomSheet.RETRY'\r\n                | translate\r\n            }}\"\r\n            *ngIf=\"\r\n              fileInfo.status == fileStatus.Canceled ||\r\n              fileInfo.status == fileStatus.Error\r\n            \"\r\n          >\r\n          </mat-icon>\r\n\r\n          <!-- open file : hover + completed -->\r\n          <mat-icon\r\n            class=\"icon-size-4.5\"\r\n            [svgIcon]=\"'icons:open-folder'\"\r\n            (click)=\"$event.stopPropagation(); open(fileInfo)\"\r\n            matTooltip=\"{{ 'UploaderBottomSheet.OPEN' | translate }}\"\r\n            *ngIf=\"fileInfo.status == fileStatus.Completed\"\r\n          >\r\n          </mat-icon>\r\n        </span>\r\n\r\n        <span class=\"base-upload-actions align-items-center\">\r\n          <!-- file completed -->\r\n          <mat-icon\r\n            class=\"icon-size-4.5\"\r\n            [svgIcon]=\"'icons:complete'\"\r\n            *ngIf=\"fileInfo.status == fileStatus.Completed\"\r\n          >\r\n          </mat-icon>\r\n\r\n          <!-- file has error -->\r\n          <mat-icon\r\n            class=\"icon-size-4.5\"\r\n            [svgIcon]=\"'icons:error'\"\r\n            *ngIf=\"fileInfo.status == fileStatus.Error\"\r\n          >\r\n          </mat-icon>\r\n\r\n          <!-- user cancle the file -->\r\n          <mat-icon\r\n            class=\"icon-size-4.5\"\r\n            [svgIcon]=\"'icons:error'\"\r\n            *ngIf=\"fileInfo.status == fileStatus.Canceled\"\r\n          >\r\n          </mat-icon>\r\n\r\n          <div\r\n            class=\"spinner-container\"\r\n            *ngIf=\"\r\n              fileInfo.status == fileStatus.Pending ||\r\n              fileInfo.status == fileStatus.InProgress\r\n            \"\r\n          >\r\n            <mat-spinner\r\n              [value]=\"fileInfo.progress\"\r\n              diameter=\"20\"\r\n              strokeWidth=\"2\"\r\n              color=\"primary\"\r\n            ></mat-spinner>\r\n            <div\r\n              class=\"spinner-percentage\"\r\n              *ngIf=\"fileInfo.status == fileStatus.InProgress\"\r\n            >\r\n              {{ fileInfo.progress | number : \"1.0-0\" }}\r\n            </div>\r\n          </div>\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</mat-expansion-panel>\r\n", styles: [".upload-bottom-sheet{width:var(--upload-bottom-sheet-width, 30vw)!important;padding:var(--upload-bottom-sheet-padding, 0)!important;border-width:var(--upload-bottom-sheet-border-width, 1px);border-radius:var(--upload-bottom-sheet-border-radius, 16px 16px 0 0)!important;position:fixed!important;bottom:var(--upload-bottom-sheet-bottom, 0)!important}.upload-bottom-sheet .mat-icon-button{height:var(--upload-bottom-sheet-mat-icon-button-height, 1.125rem)!important;line-height:var(--upload-bottom-sheet-mat-icon-button-line-height, 1.125rem)!important}.upload-bottom-sheet .mat-expansion-panel-content{overflow-y:auto!important;max-height:var(--upload-bottom-sheet-mat-expansion-panel-max-height, 20vh)!important}.upload-bottom-sheet .mat-expansion-panel-body{padding:var(--upload-bottom-sheet-mat-expansion-panel-body-padding, 0)!important}.upload-bottom-sheet .file-icon{width:var(--upload-bottom-sheet-file-icon-width, 24px);margin-inline-end:var(--upload-bottom-sheet-file-icon-margin-inline-end, 6px);padding:var(--upload-bottom-sheet-file-icon-padding, 2px)}.upload-bottom-sheet .spinner-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.upload-bottom-sheet .spinner-percentage{position:absolute;font-size:var(--upload-bottom-sheet-spinner-percentage-font-size, 10px)}.upload-bottom-sheet .file-name{height:var(--upload-bottom-sheet-file-name-height, 24px)}.upload-bottom-sheet .base-upload-actions{display:flex}.upload-bottom-sheet .more-upload-actions{display:none}.upload-bottom-sheet .file-item:hover{cursor:pointer;background:var(--upload-bottom-sheet-file-item-hover-background, #f5f5f5)}.upload-bottom-sheet .file-item:hover .base-upload-actions{display:none}.upload-bottom-sheet .file-item:hover .more-upload-actions{display:flex}.upload-bottom-sheet .close-sheet{margin-inline-start:var(--upload-bottom-sheet-close-sheet-margin-inline-start, .5rem)}.mat-bottom-sheet-container{padding:unset}[lang=ar] .upload-bottom-sheet{left:1rem!important}[lang=en] .upload-bottom-sheet{right:1rem!important}\n"], dependencies: [{ kind: "directive", type: i1$5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i8$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i1$5.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$5.DecimalPipe, name: "number" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NdfUploaderBottomSheetComponent, decorators: [{
             type: Component,
@@ -42510,5 +42677,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ACTIONS_TABLE_TEMPLATE, AGGREGATION_FIELD_TYPES, AUTOCOMPLETE_TEMPLATE, ActionsTableTemplateDirective, ActiveUserSwitchComponent, ActivitiesLogComponent, ActivitiesLogModule, ActivityLineComponent, AdapterService, AddPermissionsDialogComponent, AggregationAutocompleteComponent, AggregationCheckboxComponent, AggregationCustomComponent, AggregationDateListComponent, AggregationFieldComponent, AggregationGroupComponent, AggregationRadioComponent, AggregationSelectComponent, AggregationSwitchComponent, ApisErrorsMessagesService, AppConfigService, AppHasRoleDirective, AttachmentItemComponent, AttachmentItemModule, AttachmentModalModule, AttachmentsComponent, AttachmentsListComponent, AttachmentsPageProviderComponent, AutocompleteFilterPipe, AutocompleteTemplateDirective, AvatarComponent, AvatarModule, BaseChartBuilderService, BaseChartComponent, BaseColumnComponent, BaseComponent, BaseCustomReport, BaseDatePicker, BaseDateValueAccessor, BaseDialogComponent, BaseEditorConfigService, BaseNodeClass, BaseSelector, BaseService, BaseSharedDocService, BaseTableCustomComponent, BooleanViewerComponent, ButtonComponent, CHART_DEFAULTS_OPTIONS, CHART_MAIN_COLOR, CHECKBOX_TEMPLATE, COLORS_COUNT, COMPARISON_OPERATOR, CONFIG_EDITOR_MODE, CUSTOM_FIELD_TYPES, CUSTOM_TEMPLATE, CacheBaseService, CachingExpiryUnit, CalendarService, CallApiService, CardComponent, CardModule, ChartCallbacksRegisterService, ChartComponent, ChartDataService, ChartDataTransformers, index$1 as ChartDefaults, ChartManagerService, ChartPanel, ChartPanelFooterComponent, ChartPanelHeaderComponent, ChartPanelModule, index as ChartPlugins, ChartPluginsRegistry, ChartThemeService, index$2 as ChartUtils, ChartsModule, CheckConditionPipe, CheckboxTemplateDirective, CircleNode, CircleNodeComponent, ClickOutsideDirective, ColumnRendererRegistryService, CommentApiService, CommentsDashletComponent, CommentsModule, ComponentRegisterService, ComponentTranslationModel, ConfigEditorActionsComponent, ConfigPreviewComponent, ConfirmCallerDialogComponent, ConfirmCallerModule, ConfirmDialogComponent, ConfirmationDialogComponent, ConfirmationDialogModule, Connection, ConnectionLabelComponent, ContentActionType, ContentNode, ContentNodeComponent, CopyToClipboardDirective, CopyToClipboardModule, CorrespondenceRelationComponent, CorrespondenceRelationCreateFormComponent, CorrespondenceRelationModule, CorrespondenceRelationService, CorrespondenceTagsComponent, CreateEntityComponent, CreateEntityModule, CtsTagsModule, CustomConnectionComponent, CustomDocumentViewerComponent, CustomFieldComponent, CustomMomentDateAdapter, CustomNgbDateParserFormatter, CustomPpViewerComponent, CustomReportsRegistry, CustomSocketComponent, CustomTemplateComponent, CustomTemplateDirective, CustomToastrModule, CustomToastrService, CustomUntypedFormGroup, CutomeVocViewerComponent, DATE_FORMAT, DATE_LIST_TEMPLATE, DATE_LIST_VIEW, DATE_LOCALE_KEYS, DATE_TYPE, DEFAULT_DEBOUNCE_TIME, DEFAULT_VIEW, DIAGRAM_DEFAULT_OPTIONS, DIAGRAM_HEIGHT, DROPDOWN_LABEL_TEMPLATE, DROPDOWN_MULTI_LABEL_TEMPLATE, DROPDOWN_TEMPLATE, DataChartComponent, DataViewerComponent, DateFormatterService, DateHelperService, DateListTemplateDirective, DateViewerComponent, DepartmentApiService, DepartmentFormComponent, DepartmentManagementService, DepartmentViewerComponent, DestroySubject, DiagramDirective, DiagramPluginsService, DiagramService, DiagramUtils, DiagramsModule, DialogMangmentService, DigitChartService, DirectiveModule, DisplaySuitableIconComponent, DisplaySuitableIconModule, DocumentScanService, DocumentTemplatesConstants, DocumentTemplatesService, DocumentUploadComponent, DocumentsComponent, DocumentsConstants, DocumentsListComponent, DocumentsModule, DocumentsService, DragAndDropDirective, DropdownLabelTemplateDirective, DropdownMultiLabelTemplateDirective, DropdownTemplateDirective, DropdownViewerComponent, DynamicChartComponent, DynamicChartModule, DynamicColumnComponent, DynamicCustomComponent, DynamicFieldsRendererComponent, DynamicFieldsRendererModule, DynamicFilterComponent, DynamicFilterModule, DynamicFormBoolItemComponent, DynamicFormBuilderComponent, DynamicFormCheckboxItemComponent, DynamicFormComponent, DynamicFormDateItemComponent, DynamicFormDepartmentComponent, DynamicFormFieldComponent, DynamicFormHijriDateitemComponent, DynamicFormMapItemComponent, DynamicFormModule, DynamicFormOptionsComponent, DynamicFormSelectItemComponent, DynamicFormSelectTagComponent, DynamicFormSelectUserFilterComponent, DynamicFormSelectUsersComponent, DynamicFormService, DynamicFormSlideToggleitemComponent, DynamicFormTextItemComponent, DynamicFormTextareaComponent, DynamicFormViewerComponent, DynamicFormVocabularyItemComponent, DynamicSearchComponent, DynamicSearchModule, DynamicTableComponent, DynamicTableModule, DynamicTableService, DynamicTabsComponent, DynamicTabsModule, DynamicTimelineReportService, DynamicViewModule, EMPTY_TEMPLATE, ENTITY_TYPE, EXTENSION_JSONS, EditDeleteModalComponent, EditorModeSwitchComponent, EditorSettingsComponent, ElementHeightDirective, ElementHeightModule, EmptyTemplateDirective, EncryptionService, EnvManager, Evaluator, EvaluatorsService, ExtensionLoaderService, ExtensionService, FIELD_SEND_MODE, FIELD_TYPE, FILE_CONTENT, FILTER_CUSTOM_TEMPLATE, FILTER_DATES_TYPE, FieldHeaderComponent, FieldValueObject, FileEventType, FileManagerAdapter, FileSizePipe, FileStatus, FilterAutocompleteInputComponent, FilterCollapseControlComponent, FilterComponent, FilterCustomTemplateDirective, FilterDateRangeComponent, FilterEmptyMessageComponent, FilterModule, FilterOptionTextComponent, FilterOptionsSortComponent, FilterPipe, FilterQueryService, FilterSearchInputComponent, FiltersByRolesPipe, FiltersMapperService, FiltersPanelComponent, FluidHeightDirective, FluidHeightModule, FormBuilderService, GREGORIAN_DATE_FORMATS, GREGORIAN_FORMAT, GatewayNodeComponent, GatewayPortsComponent, GlobalAdminService, GlobalDepartmentsService, GlobalPdfTron, GregorianDatepickerComponent, HIJRI_DATE_ARABIC_NAMES, HIJRI_DATE_ENGLISH_NAMES, HIJRI_DATE_FORMATS, HIJRI_FORMAT, HashTranslateAsyncPipe, HashTranslatePipe, HijriAdapterService, HijriDatePipe, HijriDatepickerComponent, HijriGregorianDatepickerComponent, HtmlDialogComponent, IN_OUT_DIRECTION, IconService, InfoDialogComponent, InitializationService, InputDateComponent, InputPort, InputRangeDateComponent, ItemListComponent, Lang, LatestActivityComponent, LatestActivityModule, LibrarySharedModule, LicenceKeys, ListViewerComponent, LocalStoragService, LocalizeState, LocalizedDatePipe, LocalizedLabelPipe, MAT_MOMENT_DATE_ADAPTER_OPTIONS, MAT_MOMENT_DATE_ADAPTER_OPTIONS_FACTORY, MESSAGE_TYPE, METADATA_EDITOR_OPTIONS, MIN_VISIBLE_COUNT, MONACO_EDITOR_CONFIG, MY_MOMENT_FORMATS, MainfolderService, MapToAggregationConfigPipe, MessageService, ModeTogglerComponent, MomentDateAdapter, MonacoEditorComponent, MultiValuePipe, MultipleDynamicFormViewerComponent, MutipleDynamicFormViewerModule, NDF_EDITOR_TYPE, NDF_FILTERS_OPTIONS, NDF_TABLE_OPTIONS, NODE_CIRCLE_SIZE, NODE_GATEWAY_SIZE, NODE_HEIGHT, NODE_MARGIN, NODE_STATUS, NODE_TYPE, NODE_WIDTH, NOTIFICATIONS_APP_KEY, NOTIFICATIONS_LIST_OPTIONS, NOTIFICATION_ICON, NOTIFICATION_ITEM, NOTIFICATION_STATUS, NOTIFY_EVENT, NdfConfigEditorComponent, NdfConfigEditorModule, NdfConfirmationDialogComponent, NdfDatepickerComponent, NdfDatepickerModule, NdfFiltersPanelModule, NdfGregorianDatepickerComponent, NdfHijriDatepickerComponent, NdfNuxeoDialog, NdfPanelComponent, NdfPanelModule, NdfReportComponent, NdfReportsComponent, NdfReportsModule, NdfReportsService, NdfScannerComponent, NdfScannerModule, NdfTableComponent, NdfTableConfigurationService, NdfTableModule, NdfTableService, NdfTabsComponent, NdfTabsModule, NdfTransformService, NdfTronExtractText, NdfUploaderBottomSheetComponent, NdfUploaderBottomSheetService, NdfUploaderModule, NdfUploaderService, NdfUploaderSheetEventType, NgxHijriGregorianDatepickerModule, NoDataComponent, NoDataFoundComponent, NoDataModule, NodeIconComponent, NodeInputsComponent, NodeOutputsComponent, NodePortsComponent, NotificationIconDirective, NotificationItemComponent, NotificationItemDirective, NotificationSourceSelectComponent, NotificationStatusToggleComponent, NotificationToastComponent, NotificationsButtonComponent, NotificationsDateSelectComponent, NotificationsListComponent, NotificationsListContainerComponent, NotificationsModule, NotificationsService, NotificationsSettingsContainerComponent, NotificationsState, NuxeoCoreModule, NuxeoDevelopmentFrameworkComponent, NuxeoDevelopmentFrameworkModule, NuxeoDevelopmentFrameworkService, NuxeoDialogModule, NuxeoDialogService, NuxeoMapper, NuxeoService, NxQL, NxQlQuery, OutputPort, PAGINATION_MODE, PAGINATION_TABLE_TEMPLATE, PANEL_MODE, PARAMS_KEYS, PREDICATE_FIELD_TYPES, PROJECT_BASE_HREF, PageSizesListComponent, PaginationComponent, PaginationModule, PaginationTableTemplateDirective, PdfTronModule, PdftronComponent, PdftronService, PermissionService, PermissionsComponent, PermissionsDirective, PermissionsModule, PermissionsTemplateComponent, PipesModule, PredicateDateInputComponent, PredicateFieldComponent, PredicateSelectionListComponent, PredicateTextInputComponent, PublishingDocumentService, RADIO_TEMPLATE, RadioTemplateDirective, ReadMoreComponent, RecentlyViewedService, RemoveButtonComponent, ReportConfigMapperService, ReportConfigurationService, ReportTransformService, ReportsDataTransformers, ReportsStateService, RolesService, SEARCH_TABLE_TEMPLATE, SOCKET_WIDTH, SUBSCRIPTION_STATE, SWITCH_TEMPLATE, SafeHtmlPipe, SanitizerPipe, ScanComponent, SearchTableTemplateDirective, SecurePipe, SelectComponent, SelectModule, SelectUsersByDepartmentModule, SelectUsersByDepartmentsComponent, SetDirRtlDirective, SetRtlDirective, SharedServicesModule, SilentPdfTronService, SingerService, SingleActivityComponent, SkeletonComponent, SkeletonModule, Socket, SortListPipe, SortingListComponent, SpellCheckerFieldModule, SpellCheckerTextFieldComponent, SpinnerComponent, StatisticService, StatusIconComponent, SwitchTemplateDirective, TRANSLATION_PROVIDER, TableColumnsTogglerComponent, TableComponent, TableExportComponent, TableHooksService, TableModule, TableSkeletonComponent, TagsApiService, TemplateNode, TemplateNodeComponent, TextSearchComponent, TimeAgoPipe, ToastsModule, TooltipIfOverflowDirective, TooltipPipe, TranslateLoaderService, TranslatedVocabularySelectComponent, TranslationService, TreeviewSelectComponent, UploadFileService, UploadManagmentService, UploadProvider, UserCardComponent, UserComponent, UserModule, UserPreferenceValues, UserPreferencesService, UserService, UsersCardComponent, UsersCardModule, UtilityService, VALUE_OBJECT, VersionsComponent, ViewerFilesService, ViewerLogComponent, ViewerLogModule, VocabularyApiService, VocabularyComponent, VocabularyModule, WorkflowService, ZoomControlComponent, appInitializer, createSchema, departmentCacheBuster$, extensionJsonsFactory, extractDepartmentCode, filterEnabled, generateGuid, getConnections, getDoughnutOptions, getHorizontalBarOptions, getLineOptions, getPieOptions, getRandomNumber, getValue, getVerticalBarOptions, isDateObject, isFieldValueObject, mergeArrays, mergeObjects, minute$1 as minute, provideExtensionConfig, reduceEmptyMenus, reduceSeparators, removeConnections, removeEmptyKeys, removeNode, removeNodeAndConnections, serializeControl, serializePort, slideAnimation, sortByOrder };
+export { ACTIONS_TABLE_TEMPLATE, AGGREGATION_FIELD_TYPES, AUTOCOMPLETE_TEMPLATE, ActionsTableTemplateDirective, ActiveUserSwitchComponent, ActivitiesLogComponent, ActivitiesLogModule, ActivityLineComponent, AdapterService, AddPermissionsDialogComponent, AggregationAutocompleteComponent, AggregationCheckboxComponent, AggregationCustomComponent, AggregationDateListComponent, AggregationFieldComponent, AggregationGroupComponent, AggregationRadioComponent, AggregationSelectComponent, AggregationSwitchComponent, ApisErrorsMessagesService, AppConfigService, AppHasRoleDirective, AttachmentItemComponent, AttachmentItemModule, AttachmentModalModule, AttachmentsComponent, AttachmentsListComponent, AttachmentsPageProviderComponent, AutocompleteFilterPipe, AutocompleteTemplateDirective, AvatarComponent, AvatarModule, BaseChartBuilderService, BaseChartComponent, BaseColumnComponent, BaseComponent, BaseCustomReport, BaseDatePicker, BaseDateValueAccessor, BaseDialogComponent, BaseEditorConfigService, BaseNodeClass, BaseSelector, BaseService, BaseSharedDocService, BaseTableCustomComponent, BooleanViewerComponent, ButtonComponent, CHART_DEFAULTS_OPTIONS, CHART_MAIN_COLOR, CHECKBOX_TEMPLATE, COLORS_COUNT, COMPARISON_OPERATOR, CONFIG_EDITOR_MODE, CUSTOM_FIELD_TYPES, CUSTOM_TEMPLATE, CacheBaseService, CachingExpiryUnit, CalendarService, CallApiService, CardComponent, CardModule, ChartCallbacksRegisterService, ChartComponent, ChartDataService, ChartDataTransformers, index$1 as ChartDefaults, ChartManagerService, ChartPanel, ChartPanelFooterComponent, ChartPanelHeaderComponent, ChartPanelModule, index as ChartPlugins, ChartPluginsRegistry, ChartThemeService, index$2 as ChartUtils, ChartsModule, CheckConditionPipe, CheckboxTemplateDirective, CircleNode, CircleNodeComponent, ClickOutsideDirective, ColumnRendererRegistryService, CommentApiService, CommentsDashletComponent, CommentsModule, ComponentRegisterService, ComponentTranslationModel, ConfigEditorActionsComponent, ConfigPreviewComponent, ConfirmCallerDialogComponent, ConfirmCallerModule, ConfirmDialogComponent, ConfirmationDialogComponent, ConfirmationDialogModule, Connection, ConnectionLabelComponent, ContentActionType, ContentNode, ContentNodeComponent, CopyToClipboardDirective, CopyToClipboardModule, CorrespondenceRelationComponent, CorrespondenceRelationCreateFormComponent, CorrespondenceRelationModule, CorrespondenceRelationService, CorrespondenceTagsComponent, CreateEntityComponent, CreateEntityModule, CtsTagsModule, CustomConnectionComponent, CustomDocumentViewerComponent, CustomFieldComponent, CustomMomentDateAdapter, CustomNgbDateParserFormatter, CustomPpViewerComponent, CustomReportsRegistry, CustomSocketComponent, CustomTemplateComponent, CustomTemplateDirective, CustomToastrModule, CustomToastrService, CustomUntypedFormGroup, CutomeVocViewerComponent, DATE_FORMAT, DATE_LIST_TEMPLATE, DATE_LIST_VIEW, DATE_LOCALE_KEYS, DATE_TYPE, DEFAULT_DEBOUNCE_TIME, DEFAULT_VIEW, DIAGRAM_DEFAULT_OPTIONS, DIAGRAM_HEIGHT, DROPDOWN_LABEL_TEMPLATE, DROPDOWN_MULTI_LABEL_TEMPLATE, DROPDOWN_TEMPLATE, DataChartComponent, DataViewerComponent, DateFormatterService, DateHelperService, DateListTemplateDirective, DateViewerComponent, DepartmentApiService, DepartmentFormComponent, DepartmentManagementService, DepartmentViewerComponent, DestroySubject, DiagramDirective, DiagramPluginsService, DiagramService, DiagramUtils, DiagramsModule, DialogMangmentService, DigitChartService, DirectiveModule, DisplaySuitableIconComponent, DisplaySuitableIconModule, DocumentScanService, DocumentTemplatesConstants, DocumentTemplatesService, DocumentUploadComponent, DocumentsComponent, DocumentsConstants, DocumentsListComponent, DocumentsModule, DocumentsService, DragAndDropDirective, DropdownLabelTemplateDirective, DropdownMultiLabelTemplateDirective, DropdownTemplateDirective, DropdownViewerComponent, DynamicChartComponent, DynamicChartModule, DynamicColumnComponent, DynamicCustomComponent, DynamicFieldsRendererComponent, DynamicFieldsRendererModule, DynamicFilterComponent, DynamicFilterModule, DynamicFormBoolItemComponent, DynamicFormBuilderComponent, DynamicFormCheckboxItemComponent, DynamicFormComponent, DynamicFormDateItemComponent, DynamicFormDepartmentComponent, DynamicFormFieldComponent, DynamicFormHijriDateitemComponent, DynamicFormMapItemComponent, DynamicFormModule, DynamicFormOptionsComponent, DynamicFormSelectItemComponent, DynamicFormSelectTagComponent, DynamicFormSelectUserFilterComponent, DynamicFormSelectUsersComponent, DynamicFormService, DynamicFormSlideToggleitemComponent, DynamicFormTextItemComponent, DynamicFormTextareaComponent, DynamicFormViewerComponent, DynamicFormVocabularyItemComponent, DynamicSearchComponent, DynamicSearchModule, DynamicTableComponent, DynamicTableModule, DynamicTableService, DynamicTabsComponent, DynamicTabsModule, DynamicTimelineReportService, DynamicViewModule, EMPTY_TEMPLATE, ENTITY_TYPE, EXTENSION_JSONS, EditDeleteModalComponent, EditorModeSwitchComponent, EditorSettingsComponent, ElementHeightDirective, ElementHeightModule, EmptyTemplateDirective, EncryptionService, EnvManager, Evaluator, EvaluatorsService, ExtensionLoaderService, ExtensionService, FIELD_SEND_MODE, FIELD_TYPE, FILE_CONTENT, FILTER_CUSTOM_TEMPLATE, FILTER_DATES_TYPE, FieldHeaderComponent, FieldValueObject, FileEventType, FileManagerAdapter, FileSizePipe, FileStatus, FilterAutocompleteInputComponent, FilterCollapseControlComponent, FilterComponent, FilterCustomTemplateDirective, FilterDateRangeComponent, FilterEmptyMessageComponent, FilterModule, FilterOptionTextComponent, FilterOptionsSortComponent, FilterPipe, FilterQueryService, FilterSearchInputComponent, FiltersByRolesPipe, FiltersMapperService, FiltersPanelComponent, FluidHeightDirective, FluidHeightModule, FormBuilderService, GREGORIAN_DATE_FORMATS, GREGORIAN_FORMAT, GatewayNodeComponent, GatewayPortsComponent, GlobalAdminService, GlobalDepartmentsService, GlobalPdfTron, GregorianDatepickerComponent, HIJRI_DATE_ARABIC_NAMES, HIJRI_DATE_ENGLISH_NAMES, HIJRI_DATE_FORMATS, HIJRI_FORMAT, HashTranslateAsyncPipe, HashTranslatePipe, HijriAdapterService, HijriDatePipe, HijriDatepickerComponent, HijriGregorianDatepickerComponent, HtmlDialogComponent, IN_OUT_DIRECTION, IconService, InfoDialogComponent, InitializationService, InputDateComponent, InputPort, InputRangeDateComponent, ItemListComponent, Lang, LatestActivityComponent, LatestActivityModule, LibrarySharedModule, LicenceKeys, ListViewerComponent, LocalStoragService, LocalizeState, LocalizedDatePipe, LocalizedLabelPipe, MAT_MOMENT_DATE_ADAPTER_OPTIONS, MAT_MOMENT_DATE_ADAPTER_OPTIONS_FACTORY, MESSAGE_TYPE, METADATA_EDITOR_OPTIONS, MIN_VISIBLE_COUNT, MONACO_EDITOR_CONFIG, MY_MOMENT_FORMATS, MainfolderService, MapToAggregationConfigPipe, MessageService, ModeTogglerComponent, MomentDateAdapter, MonacoEditorComponent, MultiValuePipe, MultipleDynamicFormViewerComponent, MutipleDynamicFormViewerModule, NDF_EDITOR_TYPE, NDF_FILTERS_OPTIONS, NDF_TABLE_OPTIONS, NODE_CIRCLE_SIZE, NODE_GATEWAY_SIZE, NODE_HEIGHT, NODE_MARGIN, NODE_STATUS, NODE_TYPE, NODE_WIDTH, NOTIFICATIONS_APP_KEY, NOTIFICATIONS_LIST_OPTIONS, NOTIFICATION_ICON, NOTIFICATION_ITEM, NOTIFICATION_STATUS, NOTIFY_EVENT, NdfConfigEditorComponent, NdfConfigEditorModule, NdfConfirmationDialogComponent, NdfDatepickerComponent, NdfDatepickerModule, NdfFiltersPanelModule, NdfGregorianDatepickerComponent, NdfHijriDatepickerComponent, NdfNuxeoDialog, NdfPanelComponent, NdfPanelModule, NdfReportComponent, NdfReportsComponent, NdfReportsModule, NdfReportsService, NdfScannerComponent, NdfScannerModule, NdfTableComponent, NdfTableConfigurationService, NdfTableModule, NdfTableService, NdfTabsComponent, NdfTabsModule, NdfTransformService, NdfTronExtractText, NdfUploaderBottomSheetComponent, NdfUploaderBottomSheetService, NdfUploaderModule, NdfUploaderService, NdfUploaderSheetEventType, NgxHijriGregorianDatepickerModule, NoDataComponent, NoDataFoundComponent, NoDataModule, NodeIconComponent, NodeInputsComponent, NodeOutputsComponent, NodePortsComponent, NotificationIconDirective, NotificationItemComponent, NotificationItemDirective, NotificationSourceSelectComponent, NotificationStatusToggleComponent, NotificationToastComponent, NotificationsButtonComponent, NotificationsDateSelectComponent, NotificationsListComponent, NotificationsListContainerComponent, NotificationsModule, NotificationsService, NotificationsSettingsContainerComponent, NotificationsState, NuxeoCoreModule, NuxeoDevelopmentFrameworkComponent, NuxeoDevelopmentFrameworkModule, NuxeoDevelopmentFrameworkService, NuxeoDialogModule, NuxeoDialogService, NuxeoMapper, NuxeoService, NxQL, NxQlQuery, OutputPort, PAGINATION_MODE, PAGINATION_TABLE_TEMPLATE, PANEL_MODE, PARAMS_KEYS, PREDICATE_FIELD_TYPES, PROJECT_BASE_HREF, PageSizesListComponent, PaginationComponent, PaginationModule, PaginationTableTemplateDirective, PdfTronModule, PdftronComponent, PdftronService, PermissionService, PermissionsComponent, PermissionsDirective, PermissionsModule, PermissionsTemplateComponent, PipesModule, PredicateDateInputComponent, PredicateFieldComponent, PredicateSelectionListComponent, PredicateTextInputComponent, PublishingDocumentService, RADIO_TEMPLATE, RadioTemplateDirective, ReadMoreComponent, RecentlyViewedService, RemoveButtonComponent, ReportConfigMapperService, ReportConfigurationService, ReportTransformService, ReportsDataTransformers, ReportsStateService, RolesService, SEARCH_TABLE_TEMPLATE, SOCKET_WIDTH, SUBSCRIPTION_STATE, SWITCH_TEMPLATE, SafeHtmlPipe, SanitizerPipe, ScanComponent, SearchAutocompleteComponent, SearchTableTemplateDirective, SecurePipe, SelectComponent, SelectModule, SelectUsersByDepartmentModule, SelectUsersByDepartmentsComponent, SetDirRtlDirective, SetRtlDirective, SharedServicesModule, SilentPdfTronService, SingerService, SingleActivityComponent, SkeletonComponent, SkeletonModule, Socket, SortListPipe, SortingListComponent, SpellCheckerFieldModule, SpellCheckerTextFieldComponent, SpinnerComponent, StatisticService, StatusIconComponent, SwitchTemplateDirective, TRANSLATION_PROVIDER, TableColumnsTogglerComponent, TableComponent, TableExportComponent, TableHooksService, TableModule, TableSkeletonComponent, TagsApiService, TemplateNode, TemplateNodeComponent, TextSearchComponent, TimeAgoPipe, ToastsModule, TooltipIfOverflowDirective, TooltipPipe, TranslateLoaderService, TranslatedVocabularySelectComponent, TranslationService, TreeviewSelectComponent, UploadFileService, UploadManagmentService, UploadProvider, UserCardComponent, UserComponent, UserModule, UserPreferenceValues, UserPreferencesService, UserService, UsersCardComponent, UsersCardModule, UtilityService, VALUE_OBJECT, VersionsComponent, ViewerFilesService, ViewerLogComponent, ViewerLogModule, VocabularyApiService, VocabularyComponent, VocabularyModule, WorkflowService, ZoomControlComponent, appInitializer, createSchema, departmentCacheBuster$, extensionJsonsFactory, extractDepartmentCode, filterEnabled, generateGuid, getConnections, getDoughnutOptions, getHorizontalBarOptions, getLineOptions, getPieOptions, getRandomNumber, getValue, getVerticalBarOptions, isDateObject, isFieldValueObject, mergeArrays, mergeObjects, minute$1 as minute, provideExtensionConfig, reduceEmptyMenus, reduceSeparators, removeConnections, removeEmptyKeys, removeNode, removeNodeAndConnections, serializeControl, serializePort, slideAnimation, sortByOrder };
 //# sourceMappingURL=nuxeo-development-framework.mjs.map