nuxeo-development-framework 3.8.3 → 3.8.5

package/fesm2015/nuxeo-development-framework.js

@@ -102,7 +102,7 @@ import { MatDividerModule } from '@angular/material/divider';
 import localeAr from '@angular/common/locales/ar';
 import localeEn from '@angular/common/locales/en';
 import { RxReactiveFormsModule } from '@rxweb/reactive-form-validators';
-import * as i5$4 from '@angular/material/badge';
+import * as i6$5 from '@angular/material/badge';
 import { MatBadgeModule } from '@angular/material/badge';
 import { MatToolbarModule } from '@angular/material/toolbar';
 
@@ -242,7 +242,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }] } });
 
-class LocalStoragService$1 {
+class LocalStoragService {
     constructor() {
         this.memoryStore = {};
         this.useLocalStorage = false;
@@ -354,21 +354,21 @@ class LocalStoragService$1 {
         }
     }
 }
-LocalStoragService$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalStoragService$1, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-LocalStoragService$1.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalStoragService$1, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalStoragService$1, decorators: [{
+LocalStoragService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalStoragService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+LocalStoragService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalStoragService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalStoragService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
         }], ctorParameters: function () { return []; } });
 
-var UserPreferenceValues$1;
+var UserPreferenceValues;
 (function (UserPreferenceValues) {
     UserPreferenceValues["Locale"] = "locale";
     UserPreferenceValues["ExpandedSideNavStatus"] = "expandedSidenav";
-})(UserPreferenceValues$1 || (UserPreferenceValues$1 = {}));
-class UserPreferencesService$1 {
+})(UserPreferenceValues || (UserPreferenceValues = {}));
+class UserPreferencesService {
     constructor(translate, storage) {
         this.translate = translate;
         this.storage = storage;
@@ -387,12 +387,12 @@ class UserPreferencesService$1 {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.locale) {
                 const locale = this.locale || this.getDefaultLocale();
-                this.set(UserPreferenceValues$1.Locale, locale);
+                this.set(UserPreferenceValues.Locale, locale);
                 this.set('textOrientation', (yield this.getLanguageByKey(locale)).dir || 'ltr');
             }
             else {
                 const locale = this.locale || this.getDefaultLocale();
-                this.setWithoutStore(UserPreferenceValues$1.Locale, locale);
+                this.setWithoutStore(UserPreferenceValues.Locale, locale);
                 this.setWithoutStore('textOrientation', (yield this.getLanguageByKey(locale)).dir || 'ltr');
             }
         });
@@ -481,10 +481,10 @@ class UserPreferencesService$1 {
     }
     /** Current locale setting. */
     get locale() {
-        return this.get(UserPreferenceValues$1.Locale);
+        return this.get(UserPreferenceValues.Locale);
     }
     set locale(value) {
-        this.set(UserPreferenceValues$1.Locale, value);
+        this.set(UserPreferenceValues.Locale, value);
     }
     /**
      * Gets the default locale.
@@ -500,14 +500,14 @@ class UserPreferencesService$1 {
         });
     }
 }
-UserPreferencesService$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UserPreferencesService$1, deps: [{ token: i1$1.TranslateService }, { token: LocalStoragService$1 }], target: i0.ɵɵFactoryTarget.Injectable });
-UserPreferencesService$1.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UserPreferencesService$1, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UserPreferencesService$1, decorators: [{
+UserPreferencesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UserPreferencesService, deps: [{ token: i1$1.TranslateService }, { token: LocalStoragService }], target: i0.ɵɵFactoryTarget.Injectable });
+UserPreferencesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UserPreferencesService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UserPreferencesService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: LocalStoragService$1 }]; } });
+        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: LocalStoragService }]; } });
 
 /**
  * Transforms date to localized date string
@@ -537,7 +537,7 @@ class LocalizedDatePipe {
         this.onDestroy$ = new Subject();
         if (this.userPreferenceService) {
             this.userPreferenceService
-                .select(UserPreferenceValues$1.Locale)
+                .select(UserPreferenceValues.Locale)
                 .pipe(takeUntil(this.onDestroy$))
                 .subscribe(locale => {
                 if (locale) {
@@ -573,7 +573,7 @@ class LocalizedDatePipe {
 }
 LocalizedDatePipe.DEFAULT_LOCALE = 'en-US';
 LocalizedDatePipe.DEFAULT_DATE_FORMAT = 'dd MMMM yyyy hh:mm a';
-LocalizedDatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalizedDatePipe, deps: [{ token: UserPreferencesService$1 }], target: i0.ɵɵFactoryTarget.Pipe });
+LocalizedDatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalizedDatePipe, deps: [{ token: UserPreferencesService }], target: i0.ɵɵFactoryTarget.Pipe });
 LocalizedDatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalizedDatePipe, name: "localizedDate", pure: false });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalizedDatePipe, decorators: [{
             type: Pipe,
@@ -581,7 +581,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     name: 'localizedDate',
                     pure: false
                 }]
-        }], ctorParameters: function () { return [{ type: UserPreferencesService$1 }]; } });
+        }], ctorParameters: function () { return [{ type: UserPreferencesService }]; } });
 
 /**
  * Transforms html string into safe html to be rendered in the view
@@ -630,7 +630,7 @@ class TimeAgoPipe {
         this.userPreferenceService = userPreferenceService;
         this.onDestroy$ = new Subject();
         this.userPreferenceService
-            .select(UserPreferenceValues$1.Locale)
+            .select(UserPreferenceValues.Locale)
             .pipe(takeUntil(this.onDestroy$))
             .subscribe(locale => {
             this.defaultLocale = locale || TimeAgoPipe.DEFAULT_LOCALE;
@@ -666,14 +666,14 @@ class TimeAgoPipe {
 }
 TimeAgoPipe.DEFAULT_LOCALE = 'en-US';
 TimeAgoPipe.DEFAULT_DATE_TIME_FORMAT = 'dd/MM/yyyy HH:mm';
-TimeAgoPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TimeAgoPipe, deps: [{ token: UserPreferencesService$1 }], target: i0.ɵɵFactoryTarget.Pipe });
+TimeAgoPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TimeAgoPipe, deps: [{ token: UserPreferencesService }], target: i0.ɵɵFactoryTarget.Pipe });
 TimeAgoPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TimeAgoPipe, name: "timeAgo" });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TimeAgoPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'timeAgo'
                 }]
-        }], ctorParameters: function () { return [{ type: UserPreferencesService$1 }]; } });
+        }], ctorParameters: function () { return [{ type: UserPreferencesService }]; } });
 
 /**
  * Transforms array of strings to single string seperated with seperator
@@ -715,11 +715,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
             args: [{ name: 'multiValue' }]
         }] });
 
-var Lang$1;
+var Lang;
 (function (Lang) {
     Lang["Arabic"] = "ar";
     Lang["English"] = "en";
-})(Lang$1 || (Lang$1 = {}));
+})(Lang || (Lang = {}));
 
 class AppConfigService {
     constructor(http) {
@@ -747,12 +747,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
 
-const Nuxeo$3 = require('nuxeo');
-const doFetch$3 = require('nuxeo/lib/deps/fetch');
-const Unmarshallers$3 = require('nuxeo/lib/unmarshallers/unmarshallers');
-const Authentication$3 = require('nuxeo/lib/auth/auth');
-const qs$1 = require('querystring');
-let NewNuxeoOverride$1 = class NewNuxeoOverride extends Nuxeo$3 {
+const Nuxeo$1 = require('nuxeo');
+const doFetch$1 = require('nuxeo/lib/deps/fetch');
+const Unmarshallers$1 = require('nuxeo/lib/unmarshallers/unmarshallers');
+const Authentication$1 = require('nuxeo/lib/auth/auth');
+const qs = require('querystring');
+let NewNuxeoOverride = class NewNuxeoOverride extends Nuxeo$1 {
     constructor(opts = {}, environment, cookieService) {
         super(opts);
         this.environment = environment;
@@ -774,7 +774,7 @@ let NewNuxeoOverride$1 = class NewNuxeoOverride extends Nuxeo$3 {
             else if (!this._auth) {
                 fetchOptions.credentials = 'include';
             }
-            doFetch$3(options.url, fetchOptions)
+            doFetch$1(options.url, fetchOptions)
                 .then((res) => {
                 this._activeRequests -= 1;
                 if (res.status === 401 && !opts.refreshedAuthentication) {
@@ -814,7 +814,7 @@ let NewNuxeoOverride$1 = class NewNuxeoOverride extends Nuxeo$3 {
                 const contentType = res.headers.get('content-type');
                 if (contentType && contentType.indexOf('application/json') === 0) {
                     options.nuxeo = this;
-                    return resolve(res.json().then((json) => Unmarshallers$3.unmarshall(json, options, res)));
+                    return resolve(res.json().then((json) => Unmarshallers$1.unmarshall(json, options, res)));
                 }
                 return resolve(res);
             }).catch((error) => {
@@ -870,9 +870,9 @@ let NewNuxeoOverride$1 = class NewNuxeoOverride extends Nuxeo$3 {
             client_secret: clientSecret
         };
         // const url = baseURL.endsWith('/') ? baseURL : `${baseURL}/`;
-        return new Promise((resolve, reject) => (doFetch$3(`${baseURL}/oauth2/token`, {
+        return new Promise((resolve, reject) => (doFetch$1(`${baseURL}/oauth2/token`, {
             method: 'POST',
-            body: qs$1.stringify(body),
+            body: qs.stringify(body),
             headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
         })
             .then((res) => res.json())
@@ -886,15 +886,15 @@ let NewNuxeoOverride$1 = class NewNuxeoOverride extends Nuxeo$3 {
     }
     ;
 };
-NewNuxeoOverride$1 = __decorate([
+NewNuxeoOverride = __decorate([
     __param(1, Inject('environment'))
-], NewNuxeoOverride$1);
+], NewNuxeoOverride);
 
-const Nuxeo$2 = require('nuxeo');
-const doFetch$2 = require('nuxeo/lib/deps/fetch');
-const Unmarshallers$2 = require('nuxeo/lib/unmarshallers/unmarshallers');
-const Authentication$2 = require('nuxeo/lib/auth/auth');
-class NuxeoOverride$1 extends Nuxeo$2 {
+const Nuxeo = require('nuxeo');
+const doFetch = require('nuxeo/lib/deps/fetch');
+const Unmarshallers = require('nuxeo/lib/unmarshallers/unmarshallers');
+const Authentication = require('nuxeo/lib/auth/auth');
+class NuxeoOverride extends Nuxeo {
     constructor(opts = {}, keycloak) {
         super(opts);
         this.keycloak = keycloak;
@@ -915,7 +915,7 @@ class NuxeoOverride$1 extends Nuxeo$2 {
             else if (!this._auth) {
                 fetchOptions.credentials = 'include';
             }
-            doFetch$2(options.url, fetchOptions)
+            doFetch(options.url, fetchOptions)
                 .then((res) => {
                 this._activeRequests -= 1;
                 if (res.status === 401 && !opts.refreshedAuthentication) {
@@ -949,7 +949,7 @@ class NuxeoOverride$1 extends Nuxeo$2 {
                 const contentType = res.headers.get('content-type');
                 if (contentType && contentType.indexOf('application/json') === 0) {
                     options.nuxeo = this;
-                    return resolve(res.json().then((json) => Unmarshallers$2.unmarshall(json, options, res)));
+                    return resolve(res.json().then((json) => Unmarshallers.unmarshall(json, options, res)));
                 }
                 return resolve(res);
             }).catch((error) => {
@@ -972,7 +972,7 @@ class NuxeoOverride$1 extends Nuxeo$2 {
     }
 }
 
-class RolesService$1 {
+class RolesService {
     constructor(environment
     // , private globalAdmin : GlobalAdminService , private nuxeoService : NuxeoService
     ) {
@@ -1088,9 +1088,9 @@ class RolesService$1 {
         return departmentCode;
     }
 }
-RolesService$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RolesService$1, deps: [{ token: "environment" }], target: i0.ɵɵFactoryTarget.Injectable });
-RolesService$1.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RolesService$1, providedIn: "root" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RolesService$1, decorators: [{
+RolesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RolesService, deps: [{ token: "environment" }], target: i0.ɵɵFactoryTarget.Injectable });
+RolesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RolesService, providedIn: "root" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RolesService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root",
@@ -1100,7 +1100,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     args: ["environment"]
                 }] }]; } });
 
-class NuxeoService$1 {
+class NuxeoService {
     constructor(http, keycloak, baseHref, environment, cookiesService, rolesService) {
         this.http = http;
         this.keycloak = keycloak;
@@ -1156,7 +1156,7 @@ class NuxeoService$1 {
     }
     // create nuxeo client using nuxeo token
     createClientWithNuxeoToken(token) {
-        this.nuxeoClient = new NewNuxeoOverride$1({
+        this.nuxeoClient = new NewNuxeoOverride({
             baseURL: this.environment.nuxeoOptions.baseURL,
             auth: {
                 method: 'bearerToken',
@@ -1168,7 +1168,7 @@ class NuxeoService$1 {
     }
     // create nuxeo client using keycock token
     createTokenClient(token) {
-        this.nuxeoClient = new NuxeoOverride$1({
+        this.nuxeoClient = new NuxeoOverride({
             baseURL: this.environment.nuxeo,
             auth: {
                 method: 'bearerToken',
@@ -1197,7 +1197,7 @@ class NuxeoService$1 {
         return simpleObservable;
     }
     createBlob(file) {
-        return new NuxeoOverride$1.Blob({
+        return new NuxeoOverride.Blob({
             content: file
         });
     }
@@ -1228,9 +1228,9 @@ class NuxeoService$1 {
         });
     }
 }
-NuxeoService$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NuxeoService$1, deps: [{ token: i1.HttpClient }, { token: i2$1.KeycloakService }, { token: APP_BASE_HREF }, { token: 'environment' }, { token: i3.CookieService }, { token: RolesService$1 }], target: i0.ɵɵFactoryTarget.Injectable });
-NuxeoService$1.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NuxeoService$1, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NuxeoService$1, decorators: [{
+NuxeoService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NuxeoService, deps: [{ token: i1.HttpClient }, { token: i2$1.KeycloakService }, { token: APP_BASE_HREF }, { token: 'environment' }, { token: i3.CookieService }, { token: RolesService }], target: i0.ɵɵFactoryTarget.Injectable });
+NuxeoService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NuxeoService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NuxeoService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1241,10 +1241,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
-                }] }, { type: i3.CookieService }, { type: RolesService$1 }]; } });
+                }] }, { type: i3.CookieService }, { type: RolesService }]; } });
 
-const TRANSLATION_PROVIDER$1 = new InjectionToken('Injection token for translation providers.');
-class TranslationService$1 {
+const TRANSLATION_PROVIDER = new InjectionToken('Injection token for translation providers.');
+class TranslationService {
     constructor(translate, rendererFactory, localStorage, userPreferencesService, appConfig, nuxeoService, environment, providers) {
         this.translate = translate;
         this.rendererFactory = rendererFactory;
@@ -1266,7 +1266,7 @@ class TranslationService$1 {
             }
         }
         userPreferencesService
-            .select(UserPreferenceValues$1.Locale)
+            .select(UserPreferenceValues.Locale)
             .subscribe((locale) => {
             if (locale) {
                 this.userLang = locale.split('-')[0];
@@ -1295,7 +1295,7 @@ class TranslationService$1 {
      * @param fallback Language code to fall back to if the first one was unavailable
      */
     loadTranslation(lang, fallback) {
-        if (lang === Lang$1.Arabic) {
+        if (lang === Lang.Arabic) {
             this.renderer.addClass(document.body, 'rtl');
             this.isArabic.next(true);
         }
@@ -1389,21 +1389,21 @@ class TranslationService$1 {
         }));
     }
 }
-TranslationService$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TranslationService$1, deps: [{ token: i1$1.TranslateService }, { token: i0.RendererFactory2 }, { token: LocalStoragService$1 }, { token: UserPreferencesService$1 }, { token: AppConfigService }, { token: NuxeoService$1 }, { token: 'environment' }, { token: TRANSLATION_PROVIDER$1, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-TranslationService$1.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TranslationService$1, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TranslationService$1, decorators: [{
+TranslationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TranslationService, deps: [{ token: i1$1.TranslateService }, { token: i0.RendererFactory2 }, { token: LocalStoragService }, { token: UserPreferencesService }, { token: AppConfigService }, { token: NuxeoService }, { token: 'environment' }, { token: TRANSLATION_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+TranslationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TranslationService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TranslationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: i0.RendererFactory2 }, { type: LocalStoragService$1 }, { type: UserPreferencesService$1 }, { type: AppConfigService }, { type: NuxeoService$1 }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: i0.RendererFactory2 }, { type: LocalStoragService }, { type: UserPreferencesService }, { type: AppConfigService }, { type: NuxeoService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
                 }] }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
-                    args: [TRANSLATION_PROVIDER$1]
+                    args: [TRANSLATION_PROVIDER]
                 }] }]; } });
 
 /**
@@ -1450,7 +1450,7 @@ class FileSizePipe {
         return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + i18nSize;
     }
 }
-FileSizePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FileSizePipe, deps: [{ token: TranslationService$1 }], target: i0.ɵɵFactoryTarget.Pipe });
+FileSizePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FileSizePipe, deps: [{ token: TranslationService }], target: i0.ɵɵFactoryTarget.Pipe });
 FileSizePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FileSizePipe, name: "FileSize", pure: false });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FileSizePipe, decorators: [{
             type: Pipe,
@@ -1458,7 +1458,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     name: 'FileSize',
                     pure: false
                 }]
-        }], ctorParameters: function () { return [{ type: TranslationService$1 }]; } });
+        }], ctorParameters: function () { return [{ type: TranslationService }]; } });
 
 /**
  * Transforms and formats date into hijri
@@ -1657,14 +1657,14 @@ class SetRtlDirective {
         });
     }
 }
-SetRtlDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SetRtlDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: TranslationService$1 }], target: i0.ɵɵFactoryTarget.Directive });
+SetRtlDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SetRtlDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: TranslationService }], target: i0.ɵɵFactoryTarget.Directive });
 SetRtlDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: SetRtlDirective, selector: "[SetRtl]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SetRtlDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[SetRtl]',
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: TranslationService$1 }]; } });
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: TranslationService }]; } });
 
 class EvaluatorsService {
     constructor(nuxeoService, appConfigService) {
@@ -1805,12 +1805,12 @@ class EvaluatorsService {
         return this.appConfigService.conditons;
     }
 }
-EvaluatorsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvaluatorsService, deps: [{ token: NuxeoService$1 }, { token: AppConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
+EvaluatorsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvaluatorsService, deps: [{ token: NuxeoService }, { token: AppConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
 EvaluatorsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvaluatorsService, providedIn: "root" });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvaluatorsService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
-        }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: AppConfigService }]; } });
+        }], ctorParameters: function () { return [{ type: NuxeoService }, { type: AppConfigService }]; } });
 
 /**
  * Permission directive shows or hides an element,
@@ -1865,14 +1865,14 @@ class PermissionsDirective {
         }
     }
 }
-PermissionsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PermissionsDirective, deps: [{ token: NuxeoService$1 }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: AppConfigService }, { token: EvaluatorsService }], target: i0.ɵɵFactoryTarget.Directive });
+PermissionsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PermissionsDirective, deps: [{ token: NuxeoService }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: AppConfigService }, { token: EvaluatorsService }], target: i0.ɵɵFactoryTarget.Directive });
 PermissionsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: PermissionsDirective, selector: "[permission]", inputs: { permission: "permission" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PermissionsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[permission]'
                 }]
-        }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.TemplateRef }, { type: AppConfigService }, { type: EvaluatorsService }]; }, propDecorators: { permission: [{
+        }], ctorParameters: function () { return [{ type: NuxeoService }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.TemplateRef }, { type: AppConfigService }, { type: EvaluatorsService }]; }, propDecorators: { permission: [{
                 type: Input
             }] } });
 
@@ -1892,14 +1892,14 @@ class SetDirRtlDirective {
         });
     }
 }
-SetDirRtlDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SetDirRtlDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: TranslationService$1 }], target: i0.ɵɵFactoryTarget.Directive });
+SetDirRtlDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SetDirRtlDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: TranslationService }], target: i0.ɵɵFactoryTarget.Directive });
 SetDirRtlDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: SetDirRtlDirective, selector: "[SetDirRtl]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SetDirRtlDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[SetDirRtl]',
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: TranslationService$1 }]; } });
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: TranslationService }]; } });
 
 class AppHasRoleDirective {
     constructor(viewContainerRef, templateRef, nuxeoService) {
@@ -1947,14 +1947,14 @@ class AppHasRoleDirective {
         this.ngOnInit();
     }
 }
-AppHasRoleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AppHasRoleDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: NuxeoService$1 }], target: i0.ɵɵFactoryTarget.Directive });
+AppHasRoleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AppHasRoleDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: NuxeoService }], target: i0.ɵɵFactoryTarget.Directive });
 AppHasRoleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: AppHasRoleDirective, selector: "[appHasRole]", inputs: { appHasRole: "appHasRole" }, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AppHasRoleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[appHasRole]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }, { type: NuxeoService$1 }]; }, propDecorators: { appHasRole: [{
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }, { type: NuxeoService }]; }, propDecorators: { appHasRole: [{
                 type: Input
             }] } });
 
@@ -2502,14 +2502,14 @@ class ViewerFilesService {
         }));
     }
 }
-ViewerFilesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ViewerFilesService, deps: [{ token: AppConfigService }, { token: AdapterService }, { token: NuxeoService$1 }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
+ViewerFilesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ViewerFilesService, deps: [{ token: AppConfigService }, { token: AdapterService }, { token: NuxeoService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
 ViewerFilesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ViewerFilesService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ViewerFilesService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: AppConfigService }, { type: AdapterService }, { type: NuxeoService$1 }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: AppConfigService }, { type: AdapterService }, { type: NuxeoService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
                 }] }]; } });
@@ -2721,14 +2721,14 @@ class CommentApiService {
         }));
     }
 }
-CommentApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CommentApiService, deps: [{ token: NuxeoService$1 }, { token: AdapterService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
+CommentApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CommentApiService, deps: [{ token: NuxeoService }, { token: AdapterService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
 CommentApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CommentApiService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CommentApiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: AdapterService }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: NuxeoService }, { type: AdapterService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
                 }] }]; } });
@@ -2772,7 +2772,7 @@ class EditDeleteModalComponent {
         }
     }
 }
-EditDeleteModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EditDeleteModalComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$3.ToastrService }, { token: CommentApiService }, { token: NuxeoService$1 }, { token: i1$4.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+EditDeleteModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EditDeleteModalComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$3.ToastrService }, { token: CommentApiService }, { token: NuxeoService }, { token: i1$4.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
 EditDeleteModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EditDeleteModalComponent, selector: "lib-edit-delete-modal", ngImport: i0, template: "<div class=\"comment-control\">\r\n    <div class=\"delete-modal\" *ngIf=\"operationType === 'delete'\">\r\n        <div class=\"delete-message\">{{ \"comment.are-you-sure\" | translate }}</div>\r\n        <div class=\"delete-buttons\">\r\n            <button class=\"submission-button\" (click)=\"delete()\">{{ \"BUTTONS.Delete\" | translate }}</button>\r\n            <button class=\"cancelation-button\"(click)=\"cancel()\">{{ \"BUTTONS.Cancel\" | translate }}</button>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"update-modal\" *ngIf=\"operationType === 'edit'\">\r\n        <div class=\"text-update\">\r\n            <textarea placeholder=\"Comment ...\" [(ngModel)]=\"comment.text\" rows=\"3\"></textarea>\r\n            <div class=\"error\" *ngIf=\"(comment.text.trim()).length === 0\">\r\n                {{ \"comment.comment-required\" | translate }}\r\n            </div>\r\n        </div>\r\n        <div class=\"delete-buttons\">\r\n            <button class=\"submission-button -mx-1\" [disabled]=\"(comment.text.trim()).length === 0\" (click)=\"update()\">{{ \"BUTTONS.UPDATE\" | translate }}</button>\r\n            <button class=\"cancelation-button\"  (click)=\"cancel()\">{{ \"BUTTONS.Cancel\" | translate }}</button>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".comment-control{height:100%}.comment-control .delete-modal{display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center}.comment-control .delete-modal .delete-message{text-align:center;font-size:16px;color:#000;margin-bottom:20px}.comment-control .delete-modal .delete-buttons{display:flex;align-items:center;justify-content:center}.comment-control .update-modal{height:100%;display:flex;justify-content:space-between;flex-direction:column}.comment-control .update-modal .text-update .error{font-size:14px;color:red}.comment-control .update-modal textarea{margin-bottom:0;border-radius:5px;padding:8px;width:100%;color:#465573;outline:none;border:1px solid #d9dce2;background-color:#8f98aa1a;resize:none}.comment-control .update-modal .delete-buttons{display:flex;justify-content:space-between}\n"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "translate": i1$1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EditDeleteModalComponent, decorators: [{
             type: Component,
@@ -2784,7 +2784,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
-                }] }, { type: i1$3.ToastrService }, { type: CommentApiService }, { type: NuxeoService$1 }, { type: i1$4.MatDialogRef }]; } });
+                }] }, { type: i1$3.ToastrService }, { type: CommentApiService }, { type: NuxeoService }, { type: i1$4.MatDialogRef }]; } });
 
 /**
  * @ignore
@@ -2839,7 +2839,7 @@ class CommentItemComponent {
         });
     }
 }
-CommentItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CommentItemComponent, deps: [{ token: TranslationService$1 }, { token: i1$4.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+CommentItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CommentItemComponent, deps: [{ token: TranslationService }, { token: i1$4.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
 CommentItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CommentItemComponent, selector: "app-comment-item", inputs: { comment: "comment", loaderType: "loaderType", showCommentActions: "showCommentActions" }, outputs: { refreshCommentList: "refreshCommentList" }, ngImport: i0, template: "<div class=\"comment-item\" SetRtl>\r\n\r\n  <div class=\"comment-controls\" *ngIf=\"showCommentActions\">\r\n    <span class=\"bi bi-pencil contril-icon\" \r\n    *permission=\"{name: 'updateComment', entity: comment}\"\r\n    matTooltip=\"{{ 'BUTTONS.EDIT' | translate }}\"\r\n     (click)=\"executeFunction('edit')\"\r\n     ></span>\r\n\r\n    <span class=\"bi bi-trash contril-icon\" \r\n    *permission=\"{name: 'deleteComment', entity: comment}\"\r\n    matTooltip=\"{{ 'BUTTONS.Delete' | translate }}\"\r\n    (click)=\"executeFunction('delete')\"\r\n    ></span>\r\n  </div>\r\n\r\n  <app-user-card [user]=\"comment.Commenter\" [diameter]=\"12\">\r\n    <div class=\"lineOne\">\r\n      {{ comment.Commenter.properties.firstName }}\r\n      {{ comment.Commenter.properties.lastName }}\r\n    </div>\r\n    <div class=\"lineOnePart2\">\r\n      <span class=\"date\" matTooltip='{{ comment?.creationDate | localizedDate:\r\n        \"fullDate\"}}' matTooltipClass=\"tdf-tooltip\" TooltipPosition='below'>\r\n        <span class=\"date-sperator px-1\">|</span>{{ comment?.creationDate | timeAgo : lang }}</span>\r\n    </div>\r\n    <div class=\"lineTwo\">\r\n      <app-read-more class=\"comment-text\" [text]=\"comment?.text\" [wordCount]=\"loaderType === 'scroll' ? 20 : 60\">\r\n      </app-read-more>\r\n    </div>\r\n  </app-user-card>\r\n</div>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.comment-item{border:1px solid #d9dce2;padding:8px 4px;display:flex;position:relative}.comment-item:hover{background:#f5f6f8}.comment-item .comment-controls{position:absolute;right:5px}.comment-item .comment-controls .contril-icon{padding:0 5px;cursor:pointer}.date{color:#3c3cf0}.comment-text{color:#8f98aa}.comment-avatar{align-items:top;padding:0 4px;display:flex}.comment-avatar .avatar{width:40px;height:40px;display:block}.rtl .comment-controls{left:5px;right:auto}\n"], components: [{ type: UserCardComponent, selector: "app-user-card", inputs: ["user", "diameter"] }, { type: ReadMoreComponent, selector: "app-read-more", inputs: ["text", "charCount", "wordCount", "lineBreaks"] }], directives: [{ type: SetRtlDirective, selector: "[SetRtl]" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i2$6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], pipes: { "translate": i1$1.TranslatePipe, "localizedDate": LocalizedDatePipe, "timeAgo": TimeAgoPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CommentItemComponent, decorators: [{
             type: Component,
@@ -2848,7 +2848,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     templateUrl: './comment-item.component.html',
                     styleUrls: ['./comment-item.component.scss']
                 }]
-        }], ctorParameters: function () { return [{ type: TranslationService$1 }, { type: i1$4.MatDialog }]; }, propDecorators: { comment: [{
+        }], ctorParameters: function () { return [{ type: TranslationService }, { type: i1$4.MatDialog }]; }, propDecorators: { comment: [{
                 type: Input
             }], loaderType: [{
                 type: Input
@@ -2968,7 +2968,7 @@ class CommentsDashletComponent {
         });
     }
 }
-CommentsDashletComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CommentsDashletComponent, deps: [{ token: i1$1.TranslateService }, { token: CommentApiService }, { token: NuxeoService$1 }], target: i0.ɵɵFactoryTarget.Component });
+CommentsDashletComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CommentsDashletComponent, deps: [{ token: i1$1.TranslateService }, { token: CommentApiService }, { token: NuxeoService }], target: i0.ɵɵFactoryTarget.Component });
 CommentsDashletComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CommentsDashletComponent, selector: "app-comments-dashlet", inputs: { entityId: "entityId", correspondence: "correspondence", row: "row", showaddcomment: "showaddcomment", showCommentActions: "showCommentActions" }, viewQueries: [{ propertyName: "commentsList", first: true, predicate: CommentsListComponent, descendants: true }], ngImport: i0, template: "<div class=\"comments-container\">\r\n  <div class=\"comments-title\">\r\n    {{ \"comment.comment\" | translate }} ({{ commentsList?.totalRecords }})\r\n  </div>\r\n  <div class=\"body\">\r\n    <div class=\"comments-list-container\">\r\n      <div class=\"adding-comment-section\" *ngIf=\"showaddcomment\">\r\n        <div class=\"comment-box\" *permission=\"{\r\n          name: 'comments',\r\n          entity: correspondence , user: nuxeoService.nuxeoClient.user\r\n        }\">\r\n          <div class=\"comment-input\">\r\n            <textarea\r\n              class=\"comment-area\"\r\n              name=\"description\"\r\n              id=\"description\"\r\n              type=\"text\"\r\n              rows=\"3\"\r\n              required\r\n              matTextareaAutosize\r\n              matAutosizeMinRows=\"5\"\r\n              matAutosizeMaxRows=\"10\"\r\n              [(ngModel)]=\"comment\"\r\n              [placeholder]=\"'comment.placeHolder' | translate\"\r\n              #commentText=\"ngModel\"\r\n            ></textarea>\r\n          </div>\r\n          <div class=\"add-container\">\r\n            <div class=\"button-wrapper\">\r\n              <cts-button\r\n                [disabled]=\"!((comment?.trim())?.length)\"\r\n                [loading]=\"saving\"\r\n                [theme]=\"'green'\"\r\n                [size]=\"'regular'\"\r\n                (click)=\"onPost()\"\r\n              >\r\n                {{ \"comment.add\" | translate }}\r\n              </cts-button>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div\r\n        class=\"comment-list\"\r\n        [ngClass]=\"{ 'fix-height col-6': row, 'col-12': !row }\"\r\n      >\r\n        <app-comments-list\r\n          [loaderType]=\"row ? 'scroll' : 'button'\"\r\n          [pageSize]=\"row ? 4 : 9\"\r\n          [entityId]=\"entityId\"\r\n          [showCommentActions]=\"showCommentActions\"\r\n        >\r\n        </app-comments-list>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.comments-container{padding:16px}.comments-container .comments-title{font-size:16px;font-weight:500;padding:12px;border-bottom:1px solid #d9dce2}.comments-container .comments-list-container .comment-box{display:flex;flex-direction:column}.comments-container .comments-list-container .comment-box .comment-input{padding:8px 15px 0}.comments-container .comments-list-container .comment-box .comment-area{border-radius:5px;padding:8px;width:100%;color:#465573;outline:none;border:1px solid #d9dce2;background-color:#8f98aa1a;resize:none}.comments-container .comments-list-container .comment-box .add-container{margin-inline-start:15px;display:flex;justify-content:flex-start;border-bottom:1px solid #d9dce2;padding-bottom:15px;padding-inline-end:15px}.comments-container .comments-list-container .comment-box .extra-actions-container{display:flex;justify-content:space-between!important;flex-wrap:wrap}.comments-container .comments-list-container .comment-box .extra-actions-container .button-wrapper{margin-bottom:10px}.comments-container .comments-list-container .comment-box .extra-actions-container .extra-actions{display:flex}.comments-container .comments-list-container .comment-box .extra-actions-container .submission-button{width:auto!important;padding:0 10px;min-width:80px}.comments-container .comments-list-container .comment-box .button-wrapper{align-items:flex-end;width:18%}.comments-container .comments-list-container .comment-list{margin-top:8px}.comments-container .comments-list-container .comment-list .fix-height{height:200px}.comments-container .revers-sections{display:flex;flex-direction:column-reverse}\n"], components: [{ type: ButtonComponent, selector: "cts-button", inputs: ["disabled", "loading", "size", "theme", "spinnerTheming"], outputs: ["onClick"] }, { type: CommentsListComponent, selector: "app-comments-list", inputs: ["entityId", "pageSize", "loaderType", "showCommentActions"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i1$1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CommentsDashletComponent, decorators: [{
             type: Component,
@@ -2977,7 +2977,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     templateUrl: './comments-dashlet.component.html',
                     styleUrls: ['./comments-dashlet.component.scss'],
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: CommentApiService }, { type: NuxeoService$1 }]; }, propDecorators: { entityId: [{
+        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: CommentApiService }, { type: NuxeoService }]; }, propDecorators: { entityId: [{
                 type: Input
             }], correspondence: [{
                 type: Input
@@ -3071,7 +3071,7 @@ class CustomToastrComponent extends Toast {
         this.value = this.toastPackage.toastRef.componentInstance.customMsg;
         if (this.userPreferenceService) {
             this.userPreferenceService
-                .select(UserPreferenceValues$1.Locale)
+                .select(UserPreferenceValues.Locale)
                 .pipe(takeUntil(this.onDestroy$))
                 .subscribe((locale) => {
                 this.lang = this.translate.currentLang === 'ar' ? 'rtl' : 'ltr';
@@ -3079,7 +3079,7 @@ class CustomToastrComponent extends Toast {
         }
     }
 }
-CustomToastrComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomToastrComponent, deps: [{ token: i1$3.ToastrService }, { token: i1$3.ToastPackage }, { token: i1$1.TranslateService }, { token: UserPreferencesService$1 }], target: i0.ɵɵFactoryTarget.Component });
+CustomToastrComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomToastrComponent, deps: [{ token: i1$3.ToastrService }, { token: i1$3.ToastPackage }, { token: i1$1.TranslateService }, { token: UserPreferencesService }], target: i0.ɵɵFactoryTarget.Component });
 CustomToastrComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomToastrComponent, selector: "cts-custom-toastr", usesInheritance: true, ngImport: i0, template: "<div class=\"toast-container {{type}}-container\" [style.display]=\"state.value === 'inactive' ? 'none' : ''\" [dir]=\"lang\"\r\n  [@simpleFadeAnimation]=\"'in'\">\r\n  <div class=\"icon-container rounded-s-md {{type}}\">\r\n    <ng-container [ngSwitch]=\"type\">\r\n      <ng-container *ngSwitchCase=\"'success'\">\r\n        <span class=\"bi bi-check2 toast-icon\"></span>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'error'\">\r\n        <span class=\"bi bi-x toast-icon\"></span>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'info'\">\r\n        <span class=\"bi bi-info-circle toast-icon\"></span>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'warning'\">\r\n        <span class=\"bi bi-exclamation-triangle toast-icon\"></span>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'notification'\">\r\n        <span class=\"bi bi-bell-fill notification-icon\"></span>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"toast-content-container\">\r\n    <div *ngIf=\"title\" [attr.aria-label]=\"title\" class=\"toast-content\">\r\n      {{ title | translate }}\r\n    </div>\r\n    <div *ngIf=\"message\" role=\"alert\" aria-live=\"polite\" [attr.aria-label]=\"message\" class=\"message msg-{{type}}\">\r\n      {{ message | translate : { value:value } }}\r\n    </div>\r\n  </div>\r\n  <div (click)=\"remove()\" class=\"remove\">\r\n    <span style=\"font-size: 26px; color: gray\" aria-hidden=\"true\">&times;</span>\r\n  </div>\r\n</div>", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.toast-container{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-left:16px;margin-right:16px;position:relative;width:400px;height:80px;box-shadow:0 0 4px #0000003b;background-color:#fff;border-radius:5px}.toast-container .error{background-color:#ff375e}.toast-container .success{background-color:#0dbab5}.toast-container .warning{background-color:#eca15f}.toast-container .info{background-color:#1a96c6}.toast-container .notification{background-color:#1a96c6}.toast-container .toast-icon{font-size:40px;color:#fff;-webkit-text-stroke:3px white}.toast-container .notification-icon{font-size:30px;color:#fff}.toast-container .msg-error{color:#ff375e}.toast-container .msg-success{color:#0dbab5}.toast-container .msg-warning{color:#eca15f}.toast-container .msg-info{color:#1a96c6}.toast-container .msg-notification{color:#1a96c6}.toast-container .icon-container{grid-column:span 1/span 1;display:flex;align-items:center;justify-content:center}.toast-container .toast-content-container{grid-column:span 3/span 3;display:flex;flex-direction:column;padding-top:4px;padding-bottom:4px;padding-inline-start:8px;overflow:hidden}.toast-container .toast-content-container .toast-content{font-size:18px;color:#8f98aa}.toast-container .toast-content-container .message{font-size:14px;line-height:20px}.toast-container .remove{grid-column:span 1/span 1;cursor:pointer;display:flex;justify-content:flex-end;padding-inline-end:8px}.toast-container .remove mat-icon{color:#8f98aa;font-size:20px;line-height:28px}.rounded-s-md{border-start-start-radius:6px;border-end-start-radius:6px}\n"], directives: [{ type: i4$1.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$1.TranslatePipe }, animations: [
         // the fade-in/fade-out animation.
         trigger('simpleFadeAnimation', [
@@ -3109,7 +3109,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                         ]),
                     ],
                 }]
-        }], ctorParameters: function () { return [{ type: i1$3.ToastrService }, { type: i1$3.ToastPackage }, { type: i1$1.TranslateService }, { type: UserPreferencesService$1 }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToastrService }, { type: i1$3.ToastPackage }, { type: i1$1.TranslateService }, { type: UserPreferencesService }]; } });
 
 class CustomToastrService {
     constructor(translation, toastr, userPreferenceService) {
@@ -3148,14 +3148,14 @@ class CustomToastrService {
         this.show("info", title, message, customOptions, customMsg);
     }
 }
-CustomToastrService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomToastrService, deps: [{ token: TranslationService$1 }, { token: i1$3.ToastrService }, { token: UserPreferencesService$1 }], target: i0.ɵɵFactoryTarget.Injectable });
+CustomToastrService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomToastrService, deps: [{ token: TranslationService }, { token: i1$3.ToastrService }, { token: UserPreferencesService }], target: i0.ɵɵFactoryTarget.Injectable });
 CustomToastrService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomToastrService, providedIn: "root" });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomToastrService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root",
                 }]
-        }], ctorParameters: function () { return [{ type: TranslationService$1 }, { type: i1$3.ToastrService }, { type: UserPreferencesService$1 }]; } });
+        }], ctorParameters: function () { return [{ type: TranslationService }, { type: i1$3.ToastrService }, { type: UserPreferencesService }]; } });
 
 /**
  * A material dialog confirm component that will ask the user for confirmation,
@@ -3292,7 +3292,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     args: [MAT_DIALOG_DATA]
                 }] }, { type: i1$4.MatDialogRef }]; } });
 
-class CallApiService$1 {
+class CallApiService {
     constructor(nuxeoService) {
         this.nuxeoService = nuxeoService;
     }
@@ -3311,14 +3311,14 @@ class CallApiService$1 {
         }));
     }
 }
-CallApiService$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CallApiService$1, deps: [{ token: NuxeoService$1 }], target: i0.ɵɵFactoryTarget.Injectable });
-CallApiService$1.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CallApiService$1, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CallApiService$1, decorators: [{
+CallApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CallApiService, deps: [{ token: NuxeoService }], target: i0.ɵɵFactoryTarget.Injectable });
+CallApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CallApiService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CallApiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: NuxeoService$1 }]; } });
+        }], ctorParameters: function () { return [{ type: NuxeoService }]; } });
 
 class CorrespondenceRelationService {
     constructor(nuxeoService, configService, callApi, environment) {
@@ -3458,14 +3458,14 @@ class CorrespondenceRelationService {
         }));
     }
 }
-CorrespondenceRelationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CorrespondenceRelationService, deps: [{ token: NuxeoService$1 }, { token: AppConfigService }, { token: CallApiService$1 }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
+CorrespondenceRelationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CorrespondenceRelationService, deps: [{ token: NuxeoService }, { token: AppConfigService }, { token: CallApiService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
 CorrespondenceRelationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CorrespondenceRelationService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CorrespondenceRelationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: AppConfigService }, { type: CallApiService$1 }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: NuxeoService }, { type: AppConfigService }, { type: CallApiService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
                 }] }]; } });
@@ -3684,14 +3684,14 @@ class VocabularyApiService {
         }));
     }
 }
-VocabularyApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VocabularyApiService, deps: [{ token: NuxeoService$1 }, { token: i1$1.TranslateService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
+VocabularyApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VocabularyApiService, deps: [{ token: NuxeoService }, { token: i1$1.TranslateService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
 VocabularyApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VocabularyApiService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VocabularyApiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: i1$1.TranslateService }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: NuxeoService }, { type: i1$1.TranslateService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
                 }] }]; } });
@@ -4288,14 +4288,14 @@ class DocumentsService {
         }));
     }
 }
-DocumentsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DocumentsService, deps: [{ token: NuxeoService$1 }, { token: AdapterService }, { token: AppConfigService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
+DocumentsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DocumentsService, deps: [{ token: NuxeoService }, { token: AdapterService }, { token: AppConfigService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
 DocumentsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DocumentsService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DocumentsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: AdapterService }, { type: AppConfigService }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: NuxeoService }, { type: AdapterService }, { type: AppConfigService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
                 }] }]; } });
@@ -4574,7 +4574,7 @@ class CorrespondenceRelationComponent {
         });
     }
 }
-CorrespondenceRelationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CorrespondenceRelationComponent, deps: [{ token: i1$4.MatDialog }, { token: CorrespondenceRelationService }, { token: CustomToastrService }, { token: ViewerFilesService }, { token: DocumentsService }, { token: UserPreferencesService$1 }, { token: NuxeoService$1 }], target: i0.ɵɵFactoryTarget.Component });
+CorrespondenceRelationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CorrespondenceRelationComponent, deps: [{ token: i1$4.MatDialog }, { token: CorrespondenceRelationService }, { token: CustomToastrService }, { token: ViewerFilesService }, { token: DocumentsService }, { token: UserPreferencesService }, { token: NuxeoService }], target: i0.ɵɵFactoryTarget.Component });
 CorrespondenceRelationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CorrespondenceRelationComponent, selector: "cts-correspondence-relation", inputs: { corr_id: "corr_id", correspondance: "correspondance" }, ngImport: i0, template: "<div class=\"relations-container\">\r\n  <div  class=\"mb-3 relations-reply\">\r\n    <div class=\"subheader\">\r\n      <div>{{ \"correspondence-relation.reply_relation\" | translate }}</div>\r\n    </div>\r\n    <cts-correspondence-relation-reply\r\n      [correspondence_id]=\"corr_id\"\r\n      (actionclicked)=\"handleActions($event)\"\r\n    ></cts-correspondence-relation-reply>\r\n  </div>\r\n\r\n  <div class=\"mb-2 relations-listing\">\r\n    <div class=\"subheader\">\r\n      <div>{{ \"correspondence-relation.title\" | translate }}</div>\r\n      <div class=\"\" *permission=\"{\r\n        name: 'AddRelatedCorrespondence',\r\n        entity: correspondance , user: nuxeoService.nuxeoClient.user\r\n      }\" (click)=\"openDialog()\"><mat-icon>add</mat-icon></div>\r\n    </div>\r\n    <cts-correspondence-relation-list\r\n      [correspondence_id]=\"corr_id\"\r\n      [reload]=\"reload\"\r\n    ></cts-correspondence-relation-list>\r\n  </div>\r\n\r\n\r\n</div>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.relations-container .subheader{padding:10px 0 0;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:bold}.relations-container .subheader mat-icon{font-size:25px;cursor:pointer;color:#465573}.relations-container .relations-title{display:flex;justify-content:space-between;align-items:center}.relations-container .relations-title a{font-size:30px;color:#789}.relations-container .relations-list{border:1px solid #00000026}.relations-container .relations-list .relation-item{display:flex;justify-content:space-between;align-items:center}\n"], components: [{ type: CorrespondenceRelationReplyComponent, selector: "cts-correspondence-relation-reply", inputs: ["correspondence_id"], outputs: ["actionclicked"] }, { type: i2$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: CorrespondenceRelationListComponent, selector: "cts-correspondence-relation-list", inputs: ["correspondence_id", "reload"] }], directives: [{ type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }], pipes: { "translate": i1$1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CorrespondenceRelationComponent, decorators: [{
             type: Component,
@@ -4583,7 +4583,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     templateUrl: './correspondence-relation.component.html',
                     styleUrls: ['./correspondence-relation.component.scss'],
                 }]
-        }], ctorParameters: function () { return [{ type: i1$4.MatDialog }, { type: CorrespondenceRelationService }, { type: CustomToastrService }, { type: ViewerFilesService }, { type: DocumentsService }, { type: UserPreferencesService$1 }, { type: NuxeoService$1 }]; }, propDecorators: { corr_id: [{
+        }], ctorParameters: function () { return [{ type: i1$4.MatDialog }, { type: CorrespondenceRelationService }, { type: CustomToastrService }, { type: ViewerFilesService }, { type: DocumentsService }, { type: UserPreferencesService }, { type: NuxeoService }]; }, propDecorators: { corr_id: [{
                 type: Input
             }], correspondance: [{
                 type: Input
@@ -4647,7 +4647,7 @@ class VersionsComponent {
         this.langSubscription ? this.langSubscription.unsubscribe() : null;
     }
 }
-VersionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VersionsComponent, deps: [{ token: ViewerFilesService }, { token: TranslationService$1 }, { token: DocumentsService }], target: i0.ɵɵFactoryTarget.Component });
+VersionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VersionsComponent, deps: [{ token: ViewerFilesService }, { token: TranslationService }, { token: DocumentsService }], target: i0.ɵɵFactoryTarget.Component });
 VersionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VersionsComponent, selector: "cts-versions", inputs: { selectedVersion: "selectedVersion", file: "file", actions: "actions", currentTranslation: "currentTranslation", originTranslation: "originTranslation", historyTranslation: "historyTranslation" }, outputs: { handleActions: "handleActions" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-col\">\r\n<div class=\"viewer-attachments\">\r\n  <div class=\"subheader\">\r\n    <div> {{ currentTranslation | translate }}</div>\r\n\r\n  </div>\r\n  <div class=\"attachments-list\">\r\n    <mat-list>\r\n      <div class=\"mat-list-items\">\r\n        <cts-item-list [item]=\"file\" [title]=\"file.title\" [iconname]=\"'description'\" [moreclasses]=\"'text-danger'\"\r\n          [actions]=\"actions\" (itemClicked)=\"showVersion(file)\" (actionclicked)=\"handleAction($event)\">\r\n          <div class=\"description\">\r\n            {{getVersion(file)}}\r\n            -\r\n            {{ file.lastModified | localizedDate : '' : (isArabic? 'ar-AR' : 'en-US') }}\r\n          </div>\r\n        </cts-item-list>\r\n      </div>\r\n    </mat-list>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"viewer-attachments original-section\" *ngIf=\"versions.length > 0\">\r\n  <div class=\"subheader\">\r\n    <div>{{ originTranslation | translate }}</div>\r\n  </div>\r\n  <div class=\"attachments-list\">\r\n    <mat-list>\r\n      <div class=\"mat-list-items\">\r\n        <cts-item-list [item]=\"versions[versions.length -1]\" [title]=\"versions[versions.length -1].title\"\r\n          [iconname]=\"'description'\" [moreclasses]=\"'text-danger'\" [actions]=\"actions\"\r\n          (itemClicked)=\"showVersion(versions[versions.length -1])\" (actionclicked)=\"handleAction($event)\">\r\n\r\n        </cts-item-list>\r\n      </div>\r\n    </mat-list>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"viewer-attachments\" *permission=\"{name: 'viewVersions', entity: file}\">\r\n  <div class=\"subheader\">\r\n    <div> {{ historyTranslation | translate }}</div>\r\n\r\n  </div>\r\n  <div class=\"attachments-list\" *ngIf=\"versions.length > 0\">\r\n    <ng-container>\r\n\r\n\r\n      <mat-list>\r\n        <div class=\"mat-list-items\" *ngFor=\"let version of versions ;let cnt = count; let i = index\">\r\n          <cts-item-list [item]=\"version\" [title]=\"version.title + '-' + getVersion(version)\" [iconname]=\"'description'\"\r\n            [moreclasses]=\"'text-danger'\" (itemClicked)=\"showVersion(version)\" [actions]=\"actions\" (actionclicked)=\"handleAction($event)\">\r\n            <div class=\"description\">\r\n              {{getVersion(version)}}\r\n              -\r\n              {{ version.lastModified | localizedDate : '' : (isArabic? 'ar-AR' : 'en-US') }}\r\n              <span class=\"font-weight-bold\">\r\n\r\n                {{\r\n                version.properties.lastContributor.id === 'system' ?\r\n                ('SYSTEM_ADMIN' | translate) :\r\n                version.properties.lastContributor.properties.firstName +\r\n                \" \" +\r\n                version.properties.lastContributor.properties.lastName\r\n                }}\r\n              </span>\r\n            </div>\r\n          </cts-item-list>\r\n        </div>\r\n      </mat-list>\r\n    </ng-container>\r\n  </div>\r\n  <div *ngIf=\"versions.length === 0\">\r\n    <cts-no-data></cts-no-data>\r\n  </div>\r\n</div>\r\n</div>\r\n<ng-template #noEntry>\r\n\r\n</ng-template>", styles: [""], components: [{ type: i2$2.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: ItemListComponent, selector: "cts-item-list", inputs: ["item", "iconname", "title", "actions", "isselected", "moreclasses"], outputs: ["itemClicked", "actionclicked"] }, { type: NoDataComponent, selector: "cts-no-data", inputs: ["message", "border", "img"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i1$1.TranslatePipe, "localizedDate": LocalizedDatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VersionsComponent, decorators: [{
             type: Component,
@@ -4656,7 +4656,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     templateUrl: './versions.component.html',
                     styleUrls: ['./versions.component.scss']
                 }]
-        }], ctorParameters: function () { return [{ type: ViewerFilesService }, { type: TranslationService$1 }, { type: DocumentsService }]; }, propDecorators: { selectedVersion: [{
+        }], ctorParameters: function () { return [{ type: ViewerFilesService }, { type: TranslationService }, { type: DocumentsService }]; }, propDecorators: { selectedVersion: [{
                 type: Input
             }], file: [{
                 type: Input
@@ -5475,14 +5475,14 @@ class DynamicFormUpdateService {
         }));
     }
 }
-DynamicFormUpdateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFormUpdateService, deps: [{ token: CallApiService$1 }], target: i0.ɵɵFactoryTarget.Injectable });
+DynamicFormUpdateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFormUpdateService, deps: [{ token: CallApiService }], target: i0.ɵɵFactoryTarget.Injectable });
 DynamicFormUpdateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFormUpdateService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFormUpdateService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: CallApiService$1 }]; } });
+        }], ctorParameters: function () { return [{ type: CallApiService }]; } });
 
 /** @ignore */
 class DynamicFormBoolItemComponent {
@@ -6586,7 +6586,7 @@ class DynamicFormDateItemComponent {
     }
     ngOnInit() {
         this.userPreferencesService
-            .select(UserPreferenceValues$1.Locale)
+            .select(UserPreferenceValues.Locale)
             .pipe(takeUntil(this.onDestroy$))
             .subscribe(locale => {
             // this.dateAdapter.setLocale(locale);
@@ -6650,7 +6650,7 @@ class DynamicFormDateItemComponent {
         this.property ? this.property.default = null : '';
     }
 }
-DynamicFormDateItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFormDateItemComponent, deps: [{ token: DynamicFormUpdateService }, { token: i2$5.DateAdapter }, { token: UserPreferencesService$1 }, { token: i1$1.TranslateService }, { token: i6.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+DynamicFormDateItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFormDateItemComponent, deps: [{ token: DynamicFormUpdateService }, { token: i2$5.DateAdapter }, { token: UserPreferencesService }, { token: i1$1.TranslateService }, { token: i6.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
 DynamicFormDateItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicFormDateItemComponent, selector: "app-dynamic-form-dateitem", inputs: { label: "label", disabled: "disabled", property: "property", editable: "editable", displayEmpty: "displayEmpty", min: "min", max: "max", startAt: "startAt", displayClearAction: "displayClearAction", pickerType: "pickerType", selectMode: "selectMode", isfilter: "isfilter", placeholder: "placeholder" }, providers: [
         { provide: OWL_DATE_TIME_FORMATS, useValue: MY_MOMENT_FORMATS }
     ], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datetimePicker"], descendants: true }], ngImport: i0, template: "<div class=\"app-property-value\">\r\n  <div class=\"app-input-wrapper\">\r\n    <ng-container *ngIf=\"label\">\r\n      <label class=\"\" for=\"formGroupInputSmall\"\r\n        >{{ label | translate\r\n        }}<span *ngIf=\"isRequired()\" class=\"text-danger m-1\">*</span>\r\n      </label>\r\n    </ng-container>\r\n    <div class=\"input-container\">\r\n      <ng-container *ngIf=\"isEditable(); else readOnly\">\r\n\r\n        <button *ngIf=\"!isfilter && pickerType !== 'timer'\" type=\"button\" class=\"claendar-icon\" [owlDateTimeTrigger]=\"dt3\">\r\n          <i class=\"bi bi-calendar-week icon\"></i>        </button>\r\n\r\n          <button *ngIf=\"!isfilter && pickerType === 'timer'\" type=\"button\" class=\"claendar-icon\" [owlDateTimeTrigger]=\"dt3\">\r\n            <i class=\"bi bi-clock icon\"></i>        </button>\r\n        <input\r\n          class=\"form-control date\"\r\n          [disabled]=\"isDisabled() || null\"\r\n          (blur)=\"onTouched($event)\"\r\n          [min]=\"min\"\r\n          [max]=\"max\"\r\n          [selectMode]=\"selectMode\"\r\n          [required]=\"isRequired\"\r\n          [(ngModel)]=\"valueDate\"\r\n          (ngModelChange)=\"onDateChanged($event)\"\r\n          autocomplete=\"false\"\r\n          [owlDateTimeTrigger]=\"dt3\"\r\n          [owlDateTime]=\"dt3\"\r\n          placeholder=\"{{ placeholder }}\"\r\n        />\r\n        <input\r\n        class=\"form-control timer\"\r\n        [disabled]=\"true\"\r\n        [required]=\"isRequired\"\r\n        [(ngModel)]=\"displayedTime\"\r\n        placeholder=\"{{ placeholder }}\"\r\n      />\r\n\r\n        <button type=\"button\" *ngIf=\"valueDate\" (click)=\"onDateClear()\" class=\"relative mx-1 clear-date-btn\"\r\n        [ngClass]=\"{'d-none': isDisabled()}\">\r\n          <i class=\"clear-date-icon material-icons  flex mr-1\">&#xE14C;</i>\r\n        </button>\r\n        <owl-date-time\r\n          [startAt]=\"startAt\"\r\n          [pickerType]=\"pickerType\"\r\n          #dt3\r\n        ></owl-date-time>\r\n\r\n        <mat-error\r\n          [attr.data-automation-id]=\"'card-textitem-error-'\"\r\n          class=\"app-textitem-editable-error\"\r\n          *ngIf=\"hasErrors()\"\r\n        >\r\n          <ul>\r\n            <li *ngIf=\"control.errors.required\">\r\n             <span *ngIf=\"label\" class=\"mx-1\">{{ label | translate}}</span> {{ \"VALIDATORS.REQUIRED\" | translate }}\r\n            </li>\r\n          </ul>\r\n        </mat-error>\r\n      </ng-container>\r\n      <ng-template #readOnly>\r\n        {{ valueDate | date }}\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".clear-date-icon{color:#999;font-size:15px}.input-container{position:relative}.input-container .form-control{padding:0 35px}.clear-date-btn{align-items:center;background:transparent;border:0px;position:absolute;right:10px;left:auto;top:50%;margin-top:-9px}.claendar-icon{border:none;background-color:transparent;position:absolute;display:flex;justify-content:flex-start;padding-inline-end:45px;width:100%;height:40px;align-items:center}.claendar-icon .icon{font-size:20px;color:#495057}.claendar-icon:focus{outline:none}.rtl .clear-date-btn{left:10px;right:auto}.rtl .owl-dt-container-info{direction:rtl}\n"], components: [{ type: i6$4.OwlDateTimeComponent, selector: "owl-date-time", inputs: ["backdropClass", "panelClass", "startAt", "pickerType", "pickerMode", "disabled", "opened", "scrollStrategy"], outputs: ["afterPickerClosed", "afterPickerOpen", "yearSelected", "monthSelected"], exportAs: ["owlDateTime"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6$4.OwlDateTimeTriggerDirective, selector: "[owlDateTimeTrigger]", inputs: ["disabled", "owlDateTimeTrigger"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6$4.OwlDateTimeInputDirective, selector: "input[owlDateTime]", inputs: ["rangeSeparator", "value", "owlDateTime", "owlDateTimeFilter", "_disabled", "min", "max", "selectMode", "values"], outputs: ["dateTimeChange", "dateTimeInput"], exportAs: ["owlDateTimeInput"] }, { type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6$1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i1$1.TranslatePipe, "date": i4.DatePipe }, encapsulation: i0.ViewEncapsulation.None });
@@ -6665,7 +6665,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     styleUrls: ['./dynamic-form-dateitem.component.scss'],
                     encapsulation: ViewEncapsulation.None
                 }]
-        }], ctorParameters: function () { return [{ type: DynamicFormUpdateService }, { type: i2$5.DateAdapter }, { type: UserPreferencesService$1 }, { type: i1$1.TranslateService }, { type: i6.NgControl, decorators: [{
+        }], ctorParameters: function () { return [{ type: DynamicFormUpdateService }, { type: i2$5.DateAdapter }, { type: UserPreferencesService }, { type: i1$1.TranslateService }, { type: i6.NgControl, decorators: [{
                     type: Self
                 }, {
                     type: Optional
@@ -6763,14 +6763,14 @@ class owlDateTimeIntl extends OwlDateTimeIntl {
         });
     }
 }
-owlDateTimeIntl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: owlDateTimeIntl, deps: [{ token: i1$1.TranslateService }, { token: UserPreferencesService$1 }, { token: i6$4.DateTimeAdapter }], target: i0.ɵɵFactoryTarget.Injectable });
+owlDateTimeIntl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: owlDateTimeIntl, deps: [{ token: i1$1.TranslateService }, { token: UserPreferencesService }, { token: i6$4.DateTimeAdapter }], target: i0.ɵɵFactoryTarget.Injectable });
 owlDateTimeIntl.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: owlDateTimeIntl, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: owlDateTimeIntl, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: UserPreferencesService$1 }, { type: i6$4.DateTimeAdapter }]; } });
+        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: UserPreferencesService }, { type: i6$4.DateTimeAdapter }]; } });
 
 class DepartmentConstants {
 }
@@ -6971,7 +6971,7 @@ class DepartmentApiService {
         });
     }
 }
-DepartmentApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DepartmentApiService, deps: [{ token: CallApiService$1 }, { token: TranslationService$1 }, { token: NuxeoService$1 }, { token: AdapterService }, { token: GlobalAdminService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
+DepartmentApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DepartmentApiService, deps: [{ token: CallApiService }, { token: TranslationService }, { token: NuxeoService }, { token: AdapterService }, { token: GlobalAdminService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
 DepartmentApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DepartmentApiService, providedIn: 'root' });
 __decorate([
     Cacheable({
@@ -7016,7 +7016,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: CallApiService$1 }, { type: TranslationService$1 }, { type: NuxeoService$1 }, { type: AdapterService }, { type: GlobalAdminService }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: CallApiService }, { type: TranslationService }, { type: NuxeoService }, { type: AdapterService }, { type: GlobalAdminService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
                 }] }]; }, propDecorators: { getDepartmentTree: [], getDepartmentDetails: [], getDepartmentNestedTree: [], createDepartment: [], createDepartmentInRoot: [], updateDepartment: [] } });
@@ -7089,11 +7089,11 @@ class DropdownTreeviewSelectI18n extends DefaultTreeviewI18n {
     }
 }
 _DropdownTreeviewSelectI18n_defaultSelection = new WeakMap();
-DropdownTreeviewSelectI18n.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropdownTreeviewSelectI18n, deps: [{ token: TranslationService$1 }], target: i0.ɵɵFactoryTarget.Injectable });
+DropdownTreeviewSelectI18n.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropdownTreeviewSelectI18n, deps: [{ token: TranslationService }], target: i0.ɵɵFactoryTarget.Injectable });
 DropdownTreeviewSelectI18n.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropdownTreeviewSelectI18n });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropdownTreeviewSelectI18n, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: TranslationService$1 }]; } });
+        }], ctorParameters: function () { return [{ type: TranslationService }]; } });
 
 /**
  * A text field input that can be used inside reactive or template driven forms
@@ -7667,14 +7667,14 @@ class DepartmentManagementService$1 {
             .pipe(take(1));
     }
 }
-DepartmentManagementService$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DepartmentManagementService$1, deps: [{ token: NuxeoService$1 }, { token: AdapterService }, { token: AppConfigService }, { token: i1$4.MatDialog }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
+DepartmentManagementService$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DepartmentManagementService$1, deps: [{ token: NuxeoService }, { token: AdapterService }, { token: AppConfigService }, { token: i1$4.MatDialog }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
 DepartmentManagementService$1.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DepartmentManagementService$1, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DepartmentManagementService$1, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: AdapterService }, { type: AppConfigService }, { type: i1$4.MatDialog }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: NuxeoService }, { type: AdapterService }, { type: AppConfigService }, { type: i1$4.MatDialog }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
                 }] }]; } });
@@ -7937,7 +7937,7 @@ class TreeviewSelectComponent {
         }, (err) => { });
     }
 }
-TreeviewSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TreeviewSelectComponent, deps: [{ token: i1$6.TreeviewI18n }, { token: TranslationService$1 }, { token: DepartmentApiService }, { token: DepartmentManagementService$1 }, { token: RolesService$1 }, { token: NuxeoService$1 }, { token: GlobalAdminService }], target: i0.ɵɵFactoryTarget.Component });
+TreeviewSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TreeviewSelectComponent, deps: [{ token: i1$6.TreeviewI18n }, { token: TranslationService }, { token: DepartmentApiService }, { token: DepartmentManagementService$1 }, { token: RolesService }, { token: NuxeoService }, { token: GlobalAdminService }], target: i0.ɵɵFactoryTarget.Component });
 TreeviewSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TreeviewSelectComponent, selector: "app-dynamic-form-treeview-select", inputs: { treeview: "treeview", treeViewAsFormControl: "treeViewAsFormControl", config: "config", items: "items", value: "value", multiple: "multiple", defaultSelect: "defaultSelect", pp_departmentNestedTree: "pp_departmentNestedTree", useCustomAddEditAction: "useCustomAddEditAction", customPrefix: "customPrefix", customParentProperty: "customParentProperty", placeholder: "placeholder", defaultSelection: "defaultSelection", displayDepTypee: "displayDepTypee", disabled: "disabled", displayIsAllowRecExternal: "displayIsAllowRecExternal" }, outputs: { valueChange: "valueChange", plusClicked: "plusClicked", actionClicked: "actionClicked" }, providers: [{ provide: TreeviewI18n, useClass: DropdownTreeviewSelectI18n }], viewQueries: [{ propertyName: "dropdownTreeviewComponent", first: true, predicate: DropdownTreeviewComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template\r\n  #itemTemplate\r\n  let-item=\"item\"\r\n  let-onCollapseExpand=\"onCollapseExpand\"\r\n  let-onCheckedChange=\"onCheckedChange\"\r\n>\r\n  <!-- single -->\r\n  <div *ngIf=\"!treeview && !multiple\">\r\n    <div\r\n      class=\"text-nowrap row-item\"\r\n      [ngClass]=\"{ active: item.value === this.value }\"\r\n    >\r\n      <i\r\n        *ngIf=\"item.children\"\r\n        (click)=\"onCollapseExpand()\"\r\n        aria-hidden=\"true\"\r\n        [ngSwitch]=\"item.collapsed\"\r\n      >\r\n        <span\r\n          *ngSwitchCase=\"true\"\r\n          class=\"bi bi-caret-{{ arabic ? 'left' : 'right' }}-fill caret-icon\"\r\n        ></span>\r\n        <span\r\n          *ngSwitchCase=\"false\"\r\n          class=\"bi bi-caret-down-fill caret-icon\"\r\n        ></span>\r\n      </i>\r\n      <!-- <label class=\"form-check-label\" (click)=\"select(item)\">{{\r\n        item.text\r\n      }}</label> -->\r\n      <label *ngIf=\"item.disabled\" class=\"form-check-label\">{{\r\n        item.text\r\n      }}</label>\r\n      <label *ngIf=\"!item.disabled\" class=\"form-check-label\" (click)=\"select(item)\">{{\r\n        item.text\r\n      }}</label>\r\n    </div>\r\n  </div>\r\n  <!-- Multiple -->\r\n  <div *ngIf=\"!treeview && multiple\">\r\n    <div\r\n      class=\"text-nowrap row-item\"\r\n      [ngClass]=\"{ active: item.value === this.value }\"\r\n    >\r\n      <i\r\n        *ngIf=\"item.children\"\r\n        (click)=\"onCollapseExpand()\"\r\n        aria-hidden=\"true\"\r\n        [ngSwitch]=\"item.collapsed\"\r\n      >\r\n        <span\r\n          *ngSwitchCase=\"true\"\r\n          class=\"bi bi-caret-{{ arabic ? 'left' : 'right' }}-fill caret-icon\"\r\n        ></span>\r\n        <span\r\n          *ngSwitchCase=\"false\"\r\n          class=\"bi bi-caret-down-fill caret-icon\"\r\n        ></span>\r\n      </i>\r\n      <!-- <input\r\n        class=\"multiple-checkBox\"\r\n        type=\"checkbox\"\r\n        [checked]=\"multipleSelection.includes(item.value)\"\r\n        (change)=\"selectMultiple($event.target.checked, item)\"\r\n      />\r\n\r\n      <label class=\"form-check-label\">{{ item.text }}</label> -->\r\n      <div class=\"multiple-treeview\">\r\n        <mat-checkbox\r\n          [checked]=\"multipleSelection.includes(item.value)\"\r\n          (change)=\"selectMultiple($event.checked, item)\"\r\n        >\r\n          <span> {{ item.text }} </span>\r\n        </mat-checkbox>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- treeView -->\r\n  <div *ngIf=\"treeview && !treeViewAsFormControl\" class=\"tree-view-container\">\r\n    <div\r\n      (mouseenter)=\"hoverField.style.display = 'flex'\"\r\n      (mouseleave)=\"hoverField.style.display = 'none'\"\r\n      class=\"text-nowrap row-item treeview-row\"\r\n      [ngClass]=\"{ selected: item.value == selectedItem }\"\r\n    >\r\n      <i\r\n        *ngIf=\"item.children\"\r\n        (click)=\"onCollapsed(item)\"\r\n        aria-hidden=\"true\"\r\n        [ngSwitch]=\"item.collapsed\"\r\n      >\r\n        <span\r\n          *ngSwitchCase=\"true\"\r\n          class=\"bi bi-caret-{{ arabic ? 'left' : 'right' }}-fill caret-icon\"\r\n        ></span>\r\n\r\n        <span\r\n          *ngSwitchCase=\"false\"\r\n          class=\"bi bi-caret-down-fill caret-icon\"\r\n        ></span>\r\n      </i>\r\n      <label class=\"form-check-label-treeview\" (click)=\"select(item)\"\r\n        >{{ item.text }}\r\n        <span #hoverField class=\"hoverField\">\r\n          <span\r\n            type=\"button\"\r\n            matTooltip=\"{{ 'department_management.form.edit' | translate }}\"\r\n            (click)=\"onAction($event, 'update', item)\"\r\n          >\r\n            <li class=\"bi bi-pencil\"></li>\r\n          </span>\r\n\r\n          <span\r\n            type=\"button\"\r\n            matTooltip=\"{{\r\n              'department_management.form.toolTip_message' | translate\r\n            }}\"\r\n            (click)=\"onAction($event, 'add', item)\"\r\n          >\r\n            <li class=\"bi bi-plus\"></li>\r\n          </span>\r\n        </span>\r\n      </label>\r\n    </div>\r\n  </div>\r\n    <!-- treeView as form control -->\r\n    <div *ngIf=\"treeview && treeViewAsFormControl\" class=\"tree-view-container\">\r\n      <div\r\n        class=\"text-nowrap row-item treeview-row-form-control\"\r\n        [ngClass]=\"{ 'selected-form-control': item.value == selectedItem }\"\r\n      >\r\n        <i\r\n          *ngIf=\"item.children\"\r\n          (click)=\"onCollapsed(item)\"\r\n          aria-hidden=\"true\"\r\n          [ngSwitch]=\"item.collapsed\"\r\n        >\r\n          <span\r\n            *ngSwitchCase=\"true\"\r\n            class=\"bi bi-caret-{{ arabic ? 'left' : 'right' }}-fill caret-icon\"\r\n          ></span>\r\n  \r\n          <span\r\n            *ngSwitchCase=\"false\"\r\n            class=\"bi bi-caret-down-fill caret-icon\"\r\n          ></span>\r\n        </i>\r\n        <label class=\"form-check-label-treeview\" (click)=\"select(item)\"\r\n          >{{ item.text }}\r\n        </label>\r\n      </div>\r\n    </div>\r\n</ng-template>\r\n<ng-template\r\n  #headerTemplate\r\n  let-config=\"config\"\r\n  let-item=\"item\"\r\n  let-onCollapseExpand=\"onCollapseExpand\"\r\n  let-onCheckedChange=\"onCheckedChange\"\r\n  let-onFilterTextChange=\"onFilterTextChange\"\r\n>\r\n  <div *ngIf=\"config.hasFilter\" class=\"row row-filter\">\r\n    <div class=\"col-12\">\r\n      <input\r\n        class=\"form-control\"\r\n        type=\"text\"\r\n        [placeholder]=\"i18n.getFilterPlaceholder(placeholder)\"\r\n        [(ngModel)]=\"filterText\"\r\n        (ngModelChange)=\"onFilterTextChange($event)\"\r\n      />\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"config.hasAllCheckBox || config.hasCollapseExpand\" class=\"row\">\r\n    <div class=\"col-12\">\r\n      <label *ngIf=\"config.hasAllCheckBox\" (click)=\"select(item)\">\r\n        <strong>{{ i18n.getAllCheckboxText() }}</strong>\r\n      </label>\r\n      <label\r\n        *ngIf=\"config.hasCollapseExpand\"\r\n        class=\"float-right\"\r\n        (click)=\"onCollapseExpand()\"\r\n      >\r\n        <i\r\n          [title]=\"i18n.getTooltipCollapseExpandText(item.collapsed)\"\r\n          aria-hidden=\"true\"\r\n          [ngSwitch]=\"item.collapsed\"\r\n        >\r\n          <span *ngSwitchCase=\"true\" class=\"bi bi-arrows-angle-expand\"></span>\r\n          <span\r\n            *ngSwitchCase=\"false\"\r\n            class=\"bi bi-arrows-angle-contract\"\r\n          ></span>\r\n        </i>\r\n      </label>\r\n    </div>\r\n  </div>\r\n  <a *ngIf=\"defaultSelect\" class=\"select-default\" (click)=\"selectDefault()\">{{'department_management.selectDefault'| translate}}</a>\r\n  <div *ngIf=\"config.hasDivider\" class=\"dropdown-divider\" [ngClass]=\"{'dropdown-divider-noMargin': defaultSelect}\"></div>\r\n</ng-template>\r\n\r\n<ng-container *ngIf=\"!treeview && !multiple\">\r\n  <div class=\"dropdown-wrapper\">\r\n    <ngx-dropdown-treeview\r\n      [config]=\"config\"\r\n      [headerTemplate]=\"headerTemplate\"\r\n      [items]=\"items\"\r\n      [itemTemplate]=\"itemTemplate\"\r\n    >\r\n  </ngx-dropdown-treeview>\r\n  <div class=\"disable-effect\" *ngIf=\"disabled\"></div>\r\n  </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"!treeview && multiple\">\r\n  <div class=\"multiple-tree-view dropdown-wrapper\">\r\n    <ngx-dropdown-treeview\r\n      [config]=\"config\"\r\n      [items]=\"items\"\r\n      [itemTemplate]=\"itemTemplate\"\r\n    >\r\n    </ngx-dropdown-treeview>\r\n  <div class=\"disable-effect\" *ngIf=\"disabled\"></div>\r\n  </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"treeview && !treeViewAsFormControl\">\r\n  <div class=\"tree-view\">\r\n    <ngx-treeview\r\n      [config]=\"config\"\r\n      [headerTemplate]=\"headerTemplate\"\r\n      [items]=\"items\"\r\n      [itemTemplate]=\"itemTemplate\"\r\n    >\r\n    </ngx-treeview>\r\n  </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"treeview && treeViewAsFormControl\">\r\n  <div class=\"tree-view-form-control\">\r\n    <ngx-treeview\r\n      [config]=\"config\"\r\n      [headerTemplate]=\"headerTemplate\"\r\n      [items]=\"items\"\r\n      [itemTemplate]=\"itemTemplate\"\r\n    >\r\n    </ngx-treeview>\r\n  </div>\r\n</ng-container>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.caret-icon{color:#6c757d;font-size:14px}.dropdown-wrapper{position:relative}.dropdown-wrapper .disable-effect{position:absolute;top:0;bottom:0;left:0;right:0;z-index:99}.multiple-treeview .mat-checkbox-ripple .mat-ripple-element,.multiple-treeview .mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#33e3b7!important}.multiple-treeview .mat-checkbox-ripple .mat-ripple-element{position:fixed;left:inherit;top:inherit;transform:translate(-3px,-3px)!important}.multiple-treeview mat-checkbox .mat-checkbox-background{background-color:#d9dce2!important}.form-check-label-treeview{display:flex;align-items:center;justify-content:space-between;width:100%}.form-check-label-treeview .hoverField{display:none;align-items:center;text-align:center}.form-check-label-treeview .hoverField span{display:flex;align-items:center;justify-content:center;margin:0 3px;border:none;background-color:snow;background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:30px;width:30px;color:#fff;border-radius:5px;list-style:none;margin-inline-end:4px}.form-check-label-treeview .hoverField span .bi-plus{font-size:28px;display:flex;justify-content:center}.form-check-label-treeview .hoverField .add-btn{width:164px;padding:1px;display:flex;justify-content:center;align-items:center;font-size:13px;background-color:#0dbab5;border-radius:5px;border:0;color:#fff;--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.form-check-label-treeview .hoverField .plus-btn{display:flex;font-size:28px;align-items:center}.selected{background-color:#f5f6f8}.selected .hoverField{display:flex!important}.selected-form-control{background-color:#d9dce2}.selected-form-control .hoverField{display:flex!important}.treeview-item .row-item{display:flex;align-items:center;padding:5px 10px}.treeview-item .row-item .multiple-checkBox{margin-inline-start:4px;margin-inline-end:4px}.treeview-item .active{background-color:#f5f6f8}.treeview-row{display:flex;align-items:center}.treeview-row:hover{background-color:#f5f6f8}.treeview-row-form-control{display:flex;align-items:center}.treeview-row-form-control:hover{background-color:#d9dce2}label{margin-bottom:0;cursor:pointer}.bi{cursor:pointer;margin-right:.3rem}ngx-treeview .treeview-container{max-height:200px!important;overflow-x:hidden;scrollbar-color:#b4bac6 transparent!important;scrollbar-width:thin!important;overflow-y:auto}ngx-treeview .select-default{display:flex;justify-content:start;font-size:13px;cursor:pointer;margin-bottom:3px;margin-top:4px}ngx-treeview .dropdown-divider-noMargin{margin-top:0!important}.tree-view ngx-treeview .treeview-container{max-height:500px!important;overflow-x:hidden}.tree-view-form-control ngx-treeview .treeview-container{max-height:300px!important;overflow-x:hidden}ngx-dropdown-treeview .dropdown .dropdown-menu{margin-top:0!important;width:100%}ngx-dropdown-treeview .dropdown .btn-outline-secondary{background-color:#8f98aa1a;border:none!important}ngx-dropdown-treeview .dropdown .btn-outline-secondary:hover{color:#6c757d!important}ngx-dropdown-treeview .dropdown .btn-outline-secondary:focus{box-shadow:none!important}ngx-dropdown-treeview .dropdown .btn-outline-secondary:active{background-color:#8f98aa1a!important;border:none!important;color:#6c757d!important}ngx-dropdown-treeview .dropdown:after{position:static!important}ngx-dropdown-treeview .show .dropdown-toggle{background-color:#8f98aa1a!important;border:none!important;color:#6c757d!important}.rtl .treeview-item .treeview-item{margin-right:2rem!important;margin-left:0!important}.rtl .row-all .col-12{text-align:right}.rtl .row-all .col-12 .pull-right{float:left!important}.rtl .form-check.form-check-inline{margin-right:0!important}.rtl .btn.dropdown-toggle{margin-right:0!important}.rtl .dropdown-menu:not(ngb-datepicker){right:0px;left:unset}.rtl .dropdown :after{margin-top:.6rem;left:.6rem;right:unset!important}.rtl ngx-treeview-item{text-align:right;direction:rtl}@media (min-width: 576px){.rtl .form-inline .form-check-input{margin:3px}}.rtl .form-inline .form-check-input{margin:3px;position:inherit}.rtl .dropdown button{text-align:right!important;direction:rtl}.rtl .fa.fa-caret-right{transform:rotate(180deg)}\n"], components: [{ type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i1$6.DropdownTreeviewComponent, selector: "ngx-dropdown-treeview", inputs: ["buttonClass", "config", "headerTemplate", "itemTemplate", "items"], outputs: ["selectedChange", "filterChange"] }, { type: i1$6.TreeviewComponent, selector: "ngx-treeview", inputs: ["config", "headerTemplate", "itemTemplate", "items"], outputs: ["selectedChange", "filterChange"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2$6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "translate": i1$1.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TreeviewSelectComponent, decorators: [{
             type: Component,
@@ -7948,7 +7948,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     encapsulation: ViewEncapsulation.None,
                     providers: [{ provide: TreeviewI18n, useClass: DropdownTreeviewSelectI18n }],
                 }]
-        }], ctorParameters: function () { return [{ type: i1$6.TreeviewI18n }, { type: TranslationService$1 }, { type: DepartmentApiService }, { type: DepartmentManagementService$1 }, { type: RolesService$1 }, { type: NuxeoService$1 }, { type: GlobalAdminService }]; }, propDecorators: { treeview: [{
+        }], ctorParameters: function () { return [{ type: i1$6.TreeviewI18n }, { type: TranslationService }, { type: DepartmentApiService }, { type: DepartmentManagementService$1 }, { type: RolesService }, { type: NuxeoService }, { type: GlobalAdminService }]; }, propDecorators: { treeview: [{
                 type: Input
             }], treeViewAsFormControl: [{
                 type: Input
@@ -8144,7 +8144,7 @@ class DynamicFormDepartmentComponent {
         this.actionClicked.emit(e);
     }
 }
-DynamicFormDepartmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFormDepartmentComponent, deps: [{ token: TranslationService$1 }, { token: DepartmentApiService }, { token: i6.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+DynamicFormDepartmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFormDepartmentComponent, deps: [{ token: TranslationService }, { token: DepartmentApiService }, { token: i6.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
 DynamicFormDepartmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicFormDepartmentComponent, selector: "app-dynamic-form-department", inputs: { treeview: "treeview", treeViewAsFormControl: "treeViewAsFormControl", placeholder: "placeholder", multiple: "multiple", searchable: "searchable", label: "label", defaultSelect: "defaultSelect", displayDepTypee: "displayDepTypee", displayIsAllowRecExternal: "displayIsAllowRecExternal", pp_departmentNestedTree: "pp_departmentNestedTree", pp_departmentTree: "pp_departmentTree", customPrefix: "customPrefix", useCustomAddEditAction: "useCustomAddEditAction", customParentProperty: "customParentProperty", customParams: "customParams", disabled: "disabled" }, outputs: { onSelecting: "onSelecting", actionClicked: "actionClicked" }, ngImport: i0, template: "<ng-container *ngIf=\"label\">\r\n  <div>\r\n    <label class=\"select-label\"\r\n      >{{ label | translate\r\n      }}<span *ngIf=\"isRequired()\" class=\"text-danger m-1\">*</span></label\r\n    >\r\n  </div>\r\n</ng-container>\r\n<app-dynamic-form-treeview-select\r\n  [treeview]=\"treeview\"\r\n  [treeViewAsFormControl]=\"treeViewAsFormControl\"\r\n  [defaultSelect]=\"defaultSelect\"\r\n  [multiple]=\"multiple\"\r\n  [items]=\"data\"\r\n  [placeholder]=\"placeholder\"\r\n  [displayDepTypee]=\"displayDepTypee\"\r\n  [displayIsAllowRecExternal]=\"displayIsAllowRecExternal\"\r\n  [pp_departmentNestedTree]=\"pp_departmentNestedTree\"\r\n  [useCustomAddEditAction]=\"useCustomAddEditAction\"\r\n  [customPrefix]=\"customPrefix\"\r\n  [customParentProperty]=\"customParentProperty\"\r\n  (valueChange)=\"getSelecteditems($event)\"\r\n  [(value)]=\"selection\"\r\n  (actionClicked)=\"onAction($event)\"\r\n  [disabled]=\"disabled\"\r\n  class=\"dropdown-wrapper\"\r\n  [ngClass]=\"{'input-filled' : selection && selection.length > 0 }\"\r\n>\r\n</app-dynamic-form-treeview-select>\r\n<mat-error\r\n  [attr.data-automation-id]=\"'card-textitem-error-'\"\r\n  class=\"app-textitem-editable-error\"\r\n  *ngIf=\"hasErrors()\"\r\n>\r\n  <ul>\r\n    <li *ngIf=\"control.errors.required\">\r\n      {{ \"VALIDATORS.REQUIRED\" | translate }}\r\n    </li>\r\n  </ul>\r\n</mat-error>\r\n", styles: ["app-dynamic-form-department .dropdown{border:1px solid #ccc!important;border-radius:5px!important}app-dynamic-form-department .input-filled .dropdown{border-color:#1a96c6!important}\n"], components: [{ type: TreeviewSelectComponent, selector: "app-dynamic-form-treeview-select", inputs: ["treeview", "treeViewAsFormControl", "config", "items", "value", "multiple", "defaultSelect", "pp_departmentNestedTree", "useCustomAddEditAction", "customPrefix", "customParentProperty", "placeholder", "defaultSelection", "displayDepTypee", "disabled", "displayIsAllowRecExternal"], outputs: ["valueChange", "plusClicked", "actionClicked"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6$1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i1$1.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFormDepartmentComponent, decorators: [{
             type: Component,
@@ -8154,7 +8154,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     styleUrls: ['./dynamic-form-department.component.scss'],
                     encapsulation: ViewEncapsulation.None,
                 }]
-        }], ctorParameters: function () { return [{ type: TranslationService$1 }, { type: DepartmentApiService }, { type: i6.NgControl, decorators: [{
+        }], ctorParameters: function () { return [{ type: TranslationService }, { type: DepartmentApiService }, { type: i6.NgControl, decorators: [{
                     type: Self
                 }, {
                     type: Optional
@@ -8714,14 +8714,14 @@ class TagsApiService {
             .execute());
     }
 }
-TagsApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TagsApiService, deps: [{ token: NuxeoService$1 }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
+TagsApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TagsApiService, deps: [{ token: NuxeoService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
 TagsApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TagsApiService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TagsApiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: NuxeoService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
                 }] }]; } });
@@ -8870,14 +8870,14 @@ class UsersInDepartmentsApiService {
         }));
     }
 }
-UsersInDepartmentsApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UsersInDepartmentsApiService, deps: [{ token: NuxeoService$1 }, { token: GlobalAdminService }], target: i0.ɵɵFactoryTarget.Injectable });
+UsersInDepartmentsApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UsersInDepartmentsApiService, deps: [{ token: NuxeoService }, { token: GlobalAdminService }], target: i0.ɵɵFactoryTarget.Injectable });
 UsersInDepartmentsApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UsersInDepartmentsApiService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UsersInDepartmentsApiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: GlobalAdminService }]; } });
+        }], ctorParameters: function () { return [{ type: NuxeoService }, { type: GlobalAdminService }]; } });
 
 /**
  * @ignore
@@ -9330,7 +9330,7 @@ class DynamicFormSelectUsersComponent {
         this.userNameInput$.unsubscribe();
     }
 }
-DynamicFormSelectUsersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFormSelectUsersComponent, deps: [{ token: UsersInDepartmentsApiService }, { token: i1$1.TranslateService }, { token: TranslationService$1 }, { token: i6.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+DynamicFormSelectUsersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFormSelectUsersComponent, deps: [{ token: UsersInDepartmentsApiService }, { token: i1$1.TranslateService }, { token: TranslationService }, { token: i6.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
 DynamicFormSelectUsersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicFormSelectUsersComponent, selector: "cts-dynamic-form-select-users", inputs: { deptTitle: "deptTitle", groupName: "groupName", label: "label", bindValue: "bindValue", bindLabel: "bindLabel", placeholder: "placeholder", multiple: "multiple", searchable: "searchable", closeOnSelect: "closeOnSelect", hideSelectedItems: "hideSelectedItems", preSelectedValues: "preSelectedValues", usePreSelectedValue: "usePreSelectedValue", disabled: "disabled", filter: "filter" }, outputs: { onSelectItems: "onSelectItems" }, viewQueries: [{ propertyName: "ngSelectComponent", first: true, predicate: ["ngSelectComponent"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"label\">\r\n  <div>\r\n    <label class=\"select-label\"\r\n      >{{ label | translate\r\n      }}<span *ngIf=\"isRequired()\" class=\"text-danger m-1\">*</span></label\r\n    >\r\n  </div>\r\n</ng-container>\r\n<div class=\"user-select\" [ngClass]=\"{ 'multiple-wrapper': multiple }\" SetRtl>\r\n  <ng-select\r\n    #ngSelectComponent\r\n    [items]=\"buffer\"\r\n    [bindLabel]=\"bindLabel\"\r\n    [placeholder]=\"\r\n      multiple && (selection && selection.length > 0) ? selectionstrg : placeholder\r\n    \"\r\n    [multiple]=\"multiple\"\r\n    [searchable]=\"searchable\"\r\n    [closeOnSelect]=\"closeOnSelect\"\r\n    [hideSelected]=\"hideSelectedItems\"\r\n    [loading]=\"loading\"\r\n    (scrollToEnd)=\"onScrollToEnd()\"\r\n    [disabled]=\"disabled\"\r\n    [typeahead]=\"userNameInput$\"\r\n    [compareWith]=\"compareFn\"\r\n    [(ngModel)]=\"selection\"\r\n    (change)=\"emitSelection($event)\"\r\n  >\r\n    <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\r\n      <span\r\n        style=\"\r\n          display: flex;\r\n          align-items: center;\r\n          column-gap: 4px;\r\n          font-size: 16px;\r\n        \"\r\n      >\r\n        <div style=\"width: 30px; height: 30px\">\r\n          <cts-avatar [user]=\"item\"></cts-avatar>\r\n        </div>\r\n        <div class=\"user-name\">\r\n          {{ item?.id === 'system' ? ('SYSTEM_ADMIN' | translate) : item?.properties?.firstName + \" \" +item?.properties?.lastName }}\r\n\r\n\r\n        </div>\r\n        <div>\r\n          <span\r\n            class=\"ng-value-icon right\"\r\n            (click)=\"clear(item)\"\r\n            aria-hidden=\"true\"\r\n            >\u00D7</span\r\n          >\r\n        </div>\r\n      </span>\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      ng-option-tmp\r\n      let-item=\"item\"\r\n      let-item$=\"item$\"\r\n      let-index=\"index\"\r\n    >\r\n      <span\r\n        style=\"\r\n          display: flex;\r\n          align-items: center;\r\n          column-gap: 4px;\r\n          font-size: 16px;\r\n        \"\r\n      >\r\n        <mat-checkbox\r\n          *ngIf=\"multiple\"\r\n          id=\"item-{{ index }}\"\r\n          [ngModel]=\"item$.selected\"\r\n          (click)=\"(false)\"\r\n        ></mat-checkbox>\r\n        <div style=\"width: 30px; height: 30px\">\r\n          <cts-avatar [user]=\"item\"></cts-avatar>\r\n        </div>\r\n        <div>\r\n          {{ item?.id === 'system' ? ('SYSTEM_ADMIN' | translate) : item?.properties?.firstName + \" \" +item?.properties?.lastName }}\r\n        </div>\r\n\r\n        <div></div>\r\n      </span>\r\n    </ng-template>\r\n  </ng-select>\r\n</div>\r\n<mat-error\r\n  [attr.data-automation-id]=\"'card-textitem-error-'\"\r\n  class=\"app-textitem-editable-error\"\r\n  *ngIf=\"hasErrors()\"\r\n>\r\n  <ul>\r\n    <li *ngIf=\"control.errors.required\">\r\n      {{ \"VALIDATORS.REQUIRED\" | translate }}\r\n    </li>\r\n  </ul>\r\n</mat-error>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.select-label{color:#8f98aa;font-size:12px;margin-bottom:0}.user-select .ng-select-container{border:1px solid #ccc!important;border-radius:5px!important;background-color:#8f98aa1a!important}.user-select .ng-select-container .ng-value-container{padding:5px 7px 0!important}.user-select .ng-select-container .ng-value-container .ng-placeholder{padding:0 5px;font-size:12px}.user-select .ng-select-container .ng-value-container .ng-value{color:#495057}.user-select .ng-select-container .ng-arrow-wrapper{padding:0 20px}.user-select .ng-select-container .ng-input{left:10px;right:10px;width:auto}.user-select .mat-checkbox-ripple .mat-ripple-element,.user-select .mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#33e3b7!important}.user-select .mat-checkbox-ripple .mat-ripple-element{position:fixed;left:inherit;top:inherit;transform:translate(-3px,-3px)!important}.user-select mat-checkbox .mat-checkbox-background{background-color:#d9dce2!important}.multiple-wrapper .ng-select-container{overflow:visible!important}.multiple-wrapper .ng-select-container.ng-has-value{margin-bottom:65px}.multiple-wrapper .ng-select-container .ng-value-container{position:absolute;top:40px;width:100%;max-height:65px;overflow-y:auto}.multiple-wrapper .ng-select-container .ng-value-container .ng-placeholder{display:block;position:absolute;top:-26px!important}.multiple-wrapper .ng-select-container .ng-value-container .ng-value{padding:5px 10px}.multiple-wrapper .ng-select-container .ng-value-container .ng-value .user-name{font-size:12px}.multiple-wrapper .ng-select-container .ng-value-container .ng-input{position:absolute;top:-35px!important}.multiple-wrapper .ng-select-container .ng-clear-wrapper{display:none}.multiple-wrapper .ng-select-container .ng-arrow-wrapper{position:absolute;right:5px}.multiple-wrapper .ng-select-filtered .ng-value-container .ng-placeholder{display:none!important}.multiple-wrapper.rtl .ng-select-container .ng-value-container .ng-value{padding:5px 10px}.multiple-wrapper.rtl .ng-select-container .ng-value-container .ng-value .ng-value-icon{border-left:none!important;border-right:1px solid #b8dbff}.multiple-wrapper.rtl .ng-select-container .ng-arrow-wrapper{left:5px;right:auto}.ng-select-disabled .ng-select-container{background-color:#e9ecef!important}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .option-wrapper .check-box-wrapper{position:relative}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .option-wrapper .check-box-wrapper input{visibility:hidden;width:20px;height:20px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .option-wrapper .check-box-wrapper .icon-wrapper{position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #2e62df;display:flex;justify-content:center;align-items:center}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .option-wrapper .check-box-wrapper .icon-wrapper .icon{color:#2e62df;display:none;justify-content:center;align-items:center;font-weight:bold}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option-selected .option-wrapper .check-box-wrapper .icon-wrapper .icon{display:flex}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option-selected .option-wrapper .label-wrapper{color:#2e62df}.ng-select .ng-select-focused:not(.ng-select-opened) .ng-select-container{border-color:#ccc;box-shadow:none}\n"], components: [{ type: i5.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: AvatarComponent, selector: "cts-avatar", inputs: ["user"] }, { type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: SetRtlDirective, selector: "[SetRtl]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.ɵh, selector: "[ng-label-tmp]" }, { type: i5.ɵf, selector: "[ng-option-tmp]" }, { type: i6$1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i1$1.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     Cacheable({
@@ -9346,7 +9346,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     styleUrls: ['./dynamic-form-select-users.component.scss'],
                     encapsulation: ViewEncapsulation.None,
                 }]
-        }], ctorParameters: function () { return [{ type: UsersInDepartmentsApiService }, { type: i1$1.TranslateService }, { type: TranslationService$1 }, { type: i6.NgControl, decorators: [{
+        }], ctorParameters: function () { return [{ type: UsersInDepartmentsApiService }, { type: i1$1.TranslateService }, { type: TranslationService }, { type: i6.NgControl, decorators: [{
                     type: Self
                 }, {
                     type: Optional
@@ -9770,14 +9770,14 @@ class FormBuilderService {
         return myAdaptedData;
     }
 }
-FormBuilderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FormBuilderService, deps: [{ token: NuxeoService$1 }, { token: AppConfigService }, { token: FieldsAdapterService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
+FormBuilderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FormBuilderService, deps: [{ token: NuxeoService }, { token: AppConfigService }, { token: FieldsAdapterService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
 FormBuilderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FormBuilderService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FormBuilderService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: AppConfigService }, { type: FieldsAdapterService }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: NuxeoService }, { type: AppConfigService }, { type: FieldsAdapterService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
                 }] }]; } });
@@ -10132,7 +10132,7 @@ class DynamicFormViewerComponent {
         });
     }
 }
-DynamicFormViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFormViewerComponent, deps: [{ token: i1$1.TranslateService }, { token: TranslationService$1 }, { token: AppConfigService }], target: i0.ɵɵFactoryTarget.Component });
+DynamicFormViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFormViewerComponent, deps: [{ token: i1$1.TranslateService }, { token: TranslationService }, { token: AppConfigService }], target: i0.ɵɵFactoryTarget.Component });
 DynamicFormViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicFormViewerComponent, selector: "cts-dynamic-form-viewer", inputs: { form: "form", data: "data", classType: "classType" }, ngImport: i0, template: "<div class=\"dynamic-fields-values\">\r\n  <div class=\"fields-title\">\r\n    {{ \"CREATE.CORRESP_FORM_VIEWER\" | translate }}\r\n  </div>\r\n  <div class=\"values-wrapper\">\r\n    <div class=\"mx-1 mb-2 class-type-title\" *ngIf=\"classType\">{{\"vocabulary.VOC_CorrespondenceClass.\" + classType |\r\n      translate}}</div>\r\n    <div class=\"single-field-value\" *ngFor=\"let item of list\">\r\n      <div class=\"title\" *ngIf=\"!isArabic\">{{ item.labelEn }}</div>\r\n      <div class=\"title\" *ngIf=\"isArabic\">{{ item.labelAr }}</div>\r\n      <ng-container [ngSwitch]=\"item?.type\">\r\n        <ng-container *ngSwitchCase=\"'vocabulary'\">\r\n            <div *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:bold}.dynamic-fields-values .values-wrapper{border:1px solid #d9dce2;padding:5px 10px}.dynamic-fields-values .values-wrapper .class-type-title{font-size:14px}.dynamic-fields-values .values-wrapper .single-field-value{padding:10px 0;display:flex;border-bottom:1px solid #e2e6ec}.dynamic-fields-values .values-wrapper .single-field-value .title{font-size:12px;font-weight:500;width:140px;word-break:break-word}.dynamic-fields-values .values-wrapper .single-field-value .value{font-size:12px;width:calc(100% - 140px);word-break:break-word}.dynamic-fields-values .values-wrapper .single-field-value:last-child{border-bottom:none}\n"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "translate": i1$1.TranslatePipe, "localizedDate": LocalizedDatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFormViewerComponent, decorators: [{
             type: Component,
@@ -10141,7 +10141,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     templateUrl: './dynamic-form-viewer.component.html',
                     styleUrls: ['./dynamic-form-viewer.component.scss']
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: TranslationService$1 }, { type: AppConfigService }]; }, propDecorators: { form: [{
+        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: TranslationService }, { type: AppConfigService }]; }, propDecorators: { form: [{
                 type: Input
             }], data: [{
                 type: Input
@@ -10500,7 +10500,7 @@ class CutomeVocViewerComponent {
         this.langSubscription ? this.langSubscription.unsubscribe() : null;
     }
 }
-CutomeVocViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CutomeVocViewerComponent, deps: [{ token: TranslationService$1 }], target: i0.ɵɵFactoryTarget.Component });
+CutomeVocViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CutomeVocViewerComponent, deps: [{ token: TranslationService }], target: i0.ɵɵFactoryTarget.Component });
 CutomeVocViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CutomeVocViewerComponent, selector: "lib-cutome-voc-viewer", inputs: { type: "type", group: "group" }, ngImport: i0, template: "<span *ngIf=\"group\">\r\n    <span *ngIf=\"type === 'vocabulary'\">\r\n        {{\r\n          \"vocabulary.\" + group.fetchedKey.directoryName + \".\" + group.key | translate\r\n        }}\r\n      </span>\r\n      <span  *ngIf=\"type === 'custom-voc'\">\r\n        {{\r\n          isArabic\r\n            ? group.fetchedKey.properties.label_ar\r\n            : group.fetchedKey.properties.label_en\r\n        }}\r\n      </span>\r\n</span>\r\n", styles: [""], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CutomeVocViewerComponent, decorators: [{
             type: Component,
@@ -10509,7 +10509,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     templateUrl: './cutome-voc-viewer.component.html',
                     styleUrls: ['./cutome-voc-viewer.component.scss']
                 }]
-        }], ctorParameters: function () { return [{ type: TranslationService$1 }]; }, propDecorators: { type: [{
+        }], ctorParameters: function () { return [{ type: TranslationService }]; }, propDecorators: { type: [{
                 type: Input
             }], group: [{
                 type: Input
@@ -10620,7 +10620,7 @@ class CustomPpViewerComponent {
         this.langSubscription ? this.langSubscription.unsubscribe() : null;
     }
 }
-CustomPpViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomPpViewerComponent, deps: [{ token: DynamicVieweService }, { token: CallApiService$1 }, { token: TranslationService$1 }], target: i0.ɵɵFactoryTarget.Component });
+CustomPpViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomPpViewerComponent, deps: [{ token: DynamicVieweService }, { token: CallApiService }, { token: TranslationService }], target: i0.ɵɵFactoryTarget.Component });
 CustomPpViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomPpViewerComponent, selector: "lib-custom-pp-viewer", inputs: { pageProvider: "pageProvider", group: "group", config: "config" }, ngImport: i0, template: "<span *ngIf=\"data\">\r\n    {{isArabic ? data[config.propertyAr ? config.propertyAr : defaultConfig.propertyAr] : data[config.propertyEn ? config.propertyEn : defaultConfig.propertyEn]}}\r\n</span>", styles: [""], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomPpViewerComponent, decorators: [{
             type: Component,
@@ -10629,7 +10629,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     templateUrl: './custom-pp-viewer.component.html',
                     styleUrls: ['./custom-pp-viewer.component.scss']
                 }]
-        }], ctorParameters: function () { return [{ type: DynamicVieweService }, { type: CallApiService$1 }, { type: TranslationService$1 }]; }, propDecorators: { pageProvider: [{
+        }], ctorParameters: function () { return [{ type: DynamicVieweService }, { type: CallApiService }, { type: TranslationService }]; }, propDecorators: { pageProvider: [{
                 type: Input
             }], group: [{
                 type: Input
@@ -10675,7 +10675,7 @@ class CustomDocumentViewerComponent {
         this.langSubscription ? this.langSubscription.unsubscribe() : null;
     }
 }
-CustomDocumentViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomDocumentViewerComponent, deps: [{ token: CallApiService$1 }, { token: DynamicVieweService }, { token: TranslationService$1 }], target: i0.ɵɵFactoryTarget.Component });
+CustomDocumentViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomDocumentViewerComponent, deps: [{ token: CallApiService }, { token: DynamicVieweService }, { token: TranslationService }], target: i0.ɵɵFactoryTarget.Component });
 CustomDocumentViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomDocumentViewerComponent, selector: "lib-custom-document-viewer", inputs: { pageProvider: "pageProvider", group: "group" }, ngImport: i0, template: "<span *ngIf=\"data\">\r\n    {{isArabic ? data['documenttypee:arabicTitle'] : data['dc:title']}}\r\n</span>", styles: [""], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomDocumentViewerComponent, decorators: [{
             type: Component,
@@ -10684,7 +10684,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     templateUrl: './custom-document-viewer.component.html',
                     styleUrls: ['./custom-document-viewer.component.scss']
                 }]
-        }], ctorParameters: function () { return [{ type: CallApiService$1 }, { type: DynamicVieweService }, { type: TranslationService$1 }]; }, propDecorators: { pageProvider: [{
+        }], ctorParameters: function () { return [{ type: CallApiService }, { type: DynamicVieweService }, { type: TranslationService }]; }, propDecorators: { pageProvider: [{
                 type: Input
             }], group: [{
                 type: Input
@@ -10749,7 +10749,7 @@ class DepartmentViewerComponent {
         }
     }
 }
-DepartmentViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DepartmentViewerComponent, deps: [{ token: TranslationService$1 }, { token: DepartmentApiService }, { token: DynamicVieweService }], target: i0.ɵɵFactoryTarget.Component });
+DepartmentViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DepartmentViewerComponent, deps: [{ token: TranslationService }, { token: DepartmentApiService }, { token: DynamicVieweService }], target: i0.ɵɵFactoryTarget.Component });
 DepartmentViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DepartmentViewerComponent, selector: "cts-department-viewer", inputs: { label: "label", value: "value", dropdownId: "dropdownId", vertical: "vertical", withOutLabel: "withOutLabel", noStyle: "noStyle" }, ngImport: i0, template: "<ng-container *ngIf=\"!noStyle\">\r\n  <div\r\n    class=\"my-dynamic-viewer\"\r\n    [ngClass]=\"{ vertical: vertical === true, 'with-out-label': withOutLabel }\"\r\n  >\r\n    <div class=\"my-label\" *ngIf=\"!withOutLabel\" matTooltip=\"{{label | translate}}\">{{ label | translate }}</div>\r\n    <div *ngIf=\"departmentName\" class=\"my-value\" matTooltip=\"{{departmentName}}\">\r\n      {{ departmentName }}\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"noStyle\">\r\n  {{ departmentName }}\r\n</ng-container>\r\n", styles: [""], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2$6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], pipes: { "translate": i1$1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DepartmentViewerComponent, decorators: [{
             type: Component,
@@ -10758,7 +10758,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     templateUrl: './department-viewer.component.html',
                     styleUrls: ['./department-viewer.component.scss'],
                 }]
-        }], ctorParameters: function () { return [{ type: TranslationService$1 }, { type: DepartmentApiService }, { type: DynamicVieweService }]; }, propDecorators: { label: [{
+        }], ctorParameters: function () { return [{ type: TranslationService }, { type: DepartmentApiService }, { type: DynamicVieweService }]; }, propDecorators: { label: [{
                 type: Input
             }], value: [{
                 type: Input
@@ -10862,7 +10862,7 @@ class DynamicFilterComponent {
         this.translationSubscription ? this.translationSubscription.unsubscribe() : null;
     }
 }
-DynamicFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFilterComponent, deps: [{ token: TranslationService$1 }], target: i0.ɵɵFactoryTarget.Component });
+DynamicFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFilterComponent, deps: [{ token: TranslationService }], target: i0.ɵɵFactoryTarget.Component });
 DynamicFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicFilterComponent, selector: "cts-dynamic-filter", inputs: { title: "title", filters: "filters", selections: "selections", id: "id", entityType: "entityType", prefix: "prefix", department: "department", componentType: "componentType", customPageProvider: "customPageProvider", config: "config" }, outputs: { onFilterSelected: "onFilterSelected" }, ngImport: i0, template: "<div class=\"aggregation-container\">\r\n  <div class=\"search-title\">\r\n    {{ prefix + \".\" + title | translate }}\r\n  </div>\r\n  <ng-container *ngIf=\"filters && componentType != 'colorsCodes'\">\r\n    <ng-container *ngFor=\"let group of filters; index as i\">\r\n      <div *ngIf=\"i < 5 || more\" class=\"search-checkbox\">\r\n        <!-- <input\r\n          [checked]=\"_selections.includes(group.key)\"\r\n          type=\"checkbox\"\r\n          (change)=\"onFilterSelect(group.key, $event.target.checked)\"\r\n        /> -->\r\n        <!-- <div class=\"mx-8\">\r\n          <span [ngSwitch]=\"EntityType(group.fetchedKey)\">\r\n            <span *ngSwitchCase=\"'directoryEntry'\">\r\n              {{\r\n                \"vocabulary.\" + group.fetchedKey.directoryName + \".\" + group.key\r\n                  | translate\r\n              }}\r\n            </span>\r\n            <span *ngSwitchCase=\"'user'\">\r\n              {{\r\n                group.fetchedKey.properties.firstName +\r\n                  \" \" +\r\n                  group.fetchedKey.properties.lastName\r\n              }}\r\n            </span>\r\n            <span *ngSwitchDefault>\r\n              {{ prefix + \".\" + \"buckets.\" + group.key | translate }}\r\n            </span>\r\n          </span>\r\n          <bdi>({{ group.docCount }})</bdi>\r\n        </div> -->\r\n        <mat-checkbox\r\n          [checked]=\"_selections.includes(group.key)\"\r\n          (change)=\"onFilterSelect(group.key, $event.checked)\"\r\n        >\r\n          <span [ngSwitch]=\"componentType\" class=\"aggregation-label\">\r\n\r\n            <span *ngSwitchCase=\"'custom-voc'\">\r\n              <lib-cutome-voc-viewer [type]=\"componentType\" [group]=\"group\"></lib-cutome-voc-viewer>\r\n            </span>\r\n\r\n            <span *ngSwitchCase=\"'vocabulary'\">\r\n              <lib-cutome-voc-viewer [type]=\"componentType\" [group]=\"group\"></lib-cutome-voc-viewer>\r\n            </span>\r\n\r\n            <span *ngSwitchCase=\"'user'\">\r\n              {{\r\n                group.key === 'system' ? ('SYSTEM_ADMIN' | translate) : (group.fetchedKey.properties.firstName + \" \" + group.fetchedKey.properties.lastName)\r\n              }}\r\n            </span>\r\n\r\n            <span *ngSwitchCase=\"'custom-pp'\">\r\n              <lib-custom-pp-viewer [pageProvider]=\"customPageProvider\" [config]=\"config\" [group]=\"group\"></lib-custom-pp-viewer>\r\n            </span>\r\n\r\n            <span *ngSwitchCase=\"'custom-document'\">\r\n              <lib-custom-document-viewer [pageProvider]=\"customPageProvider\" [group]=\"group\"></lib-custom-document-viewer>\r\n            </span>\r\n\r\n            <span *ngSwitchCase=\"'department'\">\r\n              <cts-department-viewer\r\n              [noStyle]=\"true\"\r\n              [value]=\"group.key\"\r\n            >\r\n            </cts-department-viewer>\r\n            <!-- {{group.key}} -->\r\n            </span>\r\n\r\n            <span *ngSwitchCase=\"'custom-department'\">\r\n              {{isArabic ? group.fetchedKey.properties[config.propertyAr] : group.fetchedKey.properties[config.propertyEn]}}\r\n            </span>\r\n\r\n            <span *ngSwitchCase=\"'string'\">\r\n              <span>{{group.key}}</span>\r\n            </span>\r\n            <span *ngSwitchDefault>\r\n              {{ prefix + \".\" + \"buckets.\" + group.key | translate }}\r\n            </span>\r\n          </span>\r\n          <bdi>({{ group.docCount }})</bdi></mat-checkbox\r\n        >\r\n      </div>\r\n    </ng-container>\r\n    <div *ngIf=\"filters.length > 5\" class=\"more\">\r\n      <button class=\"btn-more\" (click)=\"more = !more\">\r\n        {{\r\n          more\r\n            ? (prefix + \".\" + \"viewless\" | translate)\r\n            : (prefix + \".\" + \"viewmore\" | translate)\r\n        }}\r\n      </button>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"filters && componentType == 'colorsCodes'\">\r\n    <div class=\"flex flex-wrap colorsContainer\">\r\n      <ng-container *ngFor=\"let group of filters; index as i\">\r\n          <div *ngIf=\"i < 24 || more\" class=\"color-search-checkbox flex items-end justify-start\" [style.backgroundColor]=\"group.key\"\r\n          matTooltip=\"{{'search.colorInOtherPhotos' | translate :{num:group.docCount} }}\" [matTooltipPosition]=\"'above'\" \r\n          (click)=\"onFilterSelect(group.key, (_selections.includes(group.key)) ? false : true)\">\r\n            <span class=\"checkIcon bi bi-check\" *ngIf=\"_selections.includes(group.key)\" [ngStyle]=\"{color: (isWhiteOrClosetToWhite(group.key)) ? 'black': 'white'}\"></span>\r\n          </div>\r\n        \r\n      </ng-container>\r\n    </div>\r\n    <div *ngIf=\"filters.length > 20\" class=\"more\">\r\n      <button class=\"btn-more mt-1\" (click)=\"more = !more\">\r\n        {{\r\n          more\r\n            ? (prefix + \".\" + \"viewless\" | translate)\r\n            : (prefix + \".\" + \"viewmore\" | translate)\r\n        }}\r\n      </button>\r\n    </div>\r\n  </ng-container>\r\n\r\n\r\n\r\n  \r\n</div>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.mx-8{margin-left:8px;margin-right:8px}.aggregation-container{border-bottom:1px solid #b4bac6;padding-bottom:8px}.aggregation-container .search-title{margin-bottom:6px;margin-top:6px;border-bottom-width:2px;font-weight:700;--tw-text-opacity: 1;color:rgba(70,85,115,var(--tw-text-opacity))}.aggregation-container .search-checkbox{display:flex;align-items:center;margin-bottom:.5rem}.aggregation-container .colorsContainer{overflow:visible;width:max-content;max-width:252px;grid-gap:4px;gap:4px}.aggregation-container .color-search-checkbox{width:28px;height:28px;box-shadow:#00000059 3px 5px 10px;transition:all .2s ease-in-out;cursor:pointer;border-radius:10%/50%}.aggregation-container .color-search-checkbox .checkIcon{width:1rem;height:1rem;min-width:1rem;min-height:1rem;font-size:1rem;line-height:1rem;color:#fff}.aggregation-container .color-search-checkbox:hover{transform:scale(1.3)}.aggregation-container .mat-checkbox-ripple .mat-ripple-element,.aggregation-container .mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#33e3b7!important}.aggregation-container .mat-checkbox-ripple .mat-ripple-element{position:fixed;left:inherit;top:inherit;transform:translate(-3px,-3px)!important}.aggregation-container mat-checkbox .mat-checkbox-background{background-color:#d9dce2!important}.aggregation-container mat-checkbox .mat-checkbox-inner-container{transform:scale(1.1)}.aggregation-container .justify-items-center{justify-items:center}.aggregation-container .more{display:flex;justify-content:center}.aggregation-container .btn-more{border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgba(217,220,226,var(--tw-border-opacity));background:none;border:none;margin:0;padding:0;color:#00f}.rtl mat-checkbox .mat-checkbox-inner-container{margin-right:0!important;margin-left:8px!important}\n"], components: [{ type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: CutomeVocViewerComponent, selector: "lib-cutome-voc-viewer", inputs: ["type", "group"] }, { type: CustomPpViewerComponent, selector: "lib-custom-pp-viewer", inputs: ["pageProvider", "group", "config"] }, { type: CustomDocumentViewerComponent, selector: "lib-custom-document-viewer", inputs: ["pageProvider", "group"] }, { type: DepartmentViewerComponent, selector: "cts-department-viewer", inputs: ["label", "value", "dropdownId", "vertical", "withOutLabel", "noStyle"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i2$6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "translate": i1$1.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFilterComponent, decorators: [{
             type: Component,
@@ -10872,7 +10872,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     styleUrls: ['./dynamic-filter.component.scss'],
                     encapsulation: ViewEncapsulation.None,
                 }]
-        }], ctorParameters: function () { return [{ type: TranslationService$1 }]; }, propDecorators: { onFilterSelected: [{
+        }], ctorParameters: function () { return [{ type: TranslationService }]; }, propDecorators: { onFilterSelected: [{
                 type: Output
             }], title: [{
                 type: Input
@@ -11050,7 +11050,7 @@ class DateViewerComponent {
         // }
     }
 }
-DateViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DateViewerComponent, deps: [{ token: AppConfigService }, { token: TranslationService$1 }], target: i0.ɵɵFactoryTarget.Component });
+DateViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DateViewerComponent, deps: [{ token: AppConfigService }, { token: TranslationService }], target: i0.ɵɵFactoryTarget.Component });
 DateViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DateViewerComponent, selector: "cts-date-viewer", inputs: { label: "label", value: "value", vertical: "vertical", format: "format", hijri: "hijri", withOutLabel: "withOutLabel" }, ngImport: i0, template: "<div class=\"my-dynamic-viewer\" [ngClass]=\"{'vertical' : vertical === true  , 'with-out-label': withOutLabel}\">\r\n    <div class=\"my-label\" *ngIf=\"!withOutLabel\" matTooltip=\"{{label | translate}}\">{{label | translate}}</div>\r\n    <div class=\"my-value\" *ngIf=\"!hijri\" matTooltip=\"{{value | localizedDate:format:(isArabic? 'ar-AR' : 'en-US')}}\"> {{value | localizedDate:format:(isArabic? 'ar-AR' : 'en-US')}}</div>\r\n    <div class=\"my-value\" *ngIf=\"hijri\" matTooltip=\"{{value | hijriDate}}\">{{value | hijriDate}}</div>\r\n</div>", styles: [""], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], pipes: { "translate": i1$1.TranslatePipe, "localizedDate": LocalizedDatePipe, "hijriDate": HijriDatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DateViewerComponent, decorators: [{
             type: Component,
@@ -11059,7 +11059,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     templateUrl: './date-viewer.component.html',
                     styleUrls: ['./date-viewer.component.scss']
                 }]
-        }], ctorParameters: function () { return [{ type: AppConfigService }, { type: TranslationService$1 }]; }, propDecorators: { label: [{
+        }], ctorParameters: function () { return [{ type: AppConfigService }, { type: TranslationService }]; }, propDecorators: { label: [{
                 type: Input
             }], value: [{
                 type: Input
@@ -11800,7 +11800,7 @@ class TableComponent {
         this.onRowIndexSelected.emit(index);
     }
 }
-TableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TableComponent, deps: [{ token: NuxeoService$1 }, { token: AppConfigService }, { token: TranslationService$1 }], target: i0.ɵɵFactoryTarget.Component });
+TableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TableComponent, deps: [{ token: NuxeoService }, { token: AppConfigService }, { token: TranslationService }], target: i0.ɵɵFactoryTarget.Component });
 TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TableComponent, selector: "cts-table", inputs: { rows: "rows", columns: "columns", responsiveColumns: "responsiveColumns", entityType: "entityType", prefix: "prefix", pageCount: "pageCount", totalRecords: "totalRecords", rowCursor: "rowCursor", fullWidth: "fullWidth", vocItemTranslationPrefix: "vocItemTranslationPrefix", tableMode: "tableMode", tableActions: "tableActions", format: "format", defultSort: "defultSort", highlightSelectedCard: "highlightSelectedCard", multiSelectRows: "multiSelectRows", customFirstRow: "customFirstRow", showActionsAsMenu: "showActionsAsMenu" }, outputs: { onRowSelected: "onRowSelected", onRowIndexSelected: "onRowIndexSelected", onIconSelected: "onIconSelected", actionOnRow: "actionOnRow", onSorting: "onSorting", onMultiRowSelected: "onMultiRowSelected" }, ngImport: i0, template: "<div class=\"iner-table-container\" [style]=\"'width:' + tableWidth\" *ngIf=\"tableMode === 'list' && !responsiveView\">\r\n  <ngx-datatable\r\n    [ngClass]=\"{'overflowVisible': customFirstRow}\"\r\n    class=\"large-table\"\r\n    [rows]=\"rows\"\r\n    [summaryRow]=\"customFirstRow\"\r\n    [columnMode]=\"'force'\"\r\n    [externalSorting]=\"true\"\r\n    (activate)=\"rowDetails($event)\"\r\n    (select)=\"onSelect($event)\"\r\n    (sort)=\"onSort($event)\"\r\n    (window:resize)=\"assignTableColumns($event)\"\r\n    [rowHeight]=\"'auto'\"\r\n    [selected]=\"selected\"\r\n    [selectionType]=\"multiSelectRows ? 'checkbox' : 'single'\"\r\n    [sorts]=\"[{ prop: defultSort?.name, dir: defultSort?.dir }]\"\r\n  >\r\n\r\n  <ngx-datatable-column\r\n  *ngIf=\"multiSelectRows\"\r\n  [width]=\"30\"\r\n  [sortable]=\"false\"\r\n  [prop]=\"''\"\r\n  [canAutoResize]=\"false\"\r\n  [draggable]=\"false\"\r\n  [resizeable]=\"false\"\r\n>\r\n  <ng-template\r\n    ngx-datatable-header-template\r\n    let-value=\"value\"\r\n    let-allRowsSelected=\"allRowsSelected\"\r\n    let-selectFn=\"selectFn\"\r\n  >\r\n    <!-- <input class=\"checkbox-input\" type=\"checkbox\" [checked]=\"allRowsSelected\" (change)=\"selectFn(!allRowsSelected)\" /> -->\r\n    <mat-checkbox color=\"primary\" [checked]=\"allRowsSelected\" (change)=\"selectFn(!allRowsSelected)\">\r\n  </mat-checkbox>\r\n  </ng-template>\r\n  <ng-template\r\n    ngx-datatable-cell-template\r\n    let-value=\"value\"\r\n    let-isSelected=\"isSelected\"\r\n    let-onCheckboxChangeFn=\"onCheckboxChangeFn\"\r\n  >\r\n    <!-- <input class=\"checkbox-input\" type=\"checkbox\" [checked]=\"isSelected\" (change)=\"onCheckboxChangeFn($event)\" /> -->\r\n    <mat-checkbox color=\"primary\" [checked]=\"isSelected\" (change)=\"onCheckboxChangeFn(!allRowsSelected)\">\r\n    </mat-checkbox>\r\n  </ng-template>\r\n</ngx-datatable-column>\r\n    <!-- | translate -->\r\n    <ng-container *ngFor=\"let column of tableColumns; let i = index\">\r\n      <ng-container *permission=\"{name: column.permission}\">\r\n        <ngx-datatable-column *ngIf=\"column.display\" [sortable]=\"column.sortable\"\r\n          [name]=\"prefix + column.name | translate\" [prop]=\"column.prop\" [resizeable]=\"false\" [draggable]=\"false\"\r\n          [maxWidth]=\"column.size\" [headerClass]=\"column.headerClass ? column.headerClass : ''\"\r\n          [summaryTemplate]=\"(customFirstRow) ? customRowTemplate : null\">\r\n          <ng-template let-row=\"row\" let-value=\"value\" let-index=\"index\" ngx-datatable-cell-template>\r\n            <ng-container *ngIf=\"column.type === 'text'\">\r\n              <div class=\"cell-text-wrapper\">\r\n                {{ value ? value : \"--\" }}\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"column.type === 'vocabulary'\">\r\n              <div class=\"cell-text-wrapper\">\r\n                <cts-dropdown-viewer [withOutLabel]=\"true\" [value]=\"value\" [dropdownId]=\"column.vocabularyId\">\r\n                </cts-dropdown-viewer>\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"column.type === 'VocCell'\">\r\n              <div class=\"cell-text-wrapper\">\r\n                {{ (value ? column.vocabularyId + '.' + value : \"--\") | translate }}\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"column.type === 'VocItem'\">\r\n              <div class=\"cell-text-wrapper\">\r\n                {{ vocItemTranslationPrefix + value | translate }}\r\n              </div>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"column.type === 'department'\">\r\n              <div class=\"cell-text-wrapper\">\r\n                <cts-department-viewer [noStyle]=\"true\" [value]=\"value\">\r\n                </cts-department-viewer>\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"column.type === 'status'\">\r\n              <div class=\"status-wrapper\">\r\n                <span class=\"value {{ value }}\">\r\n                  <span *ngIf=\"statusIcons && statusIcons !== {}\" class=\"status-icon {{statusIcons[value]}}\"></span>\r\n                  {{\"STATS.\" + value | translate }}\r\n                </span>\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"column.type === 'role'\">\r\n              <div class=\"cell-text-wrapper\">\r\n                {{ \"role.\" + (value ? value : \"--\") | translate }}\r\n              </div>\r\n            </ng-container>\r\n\r\n          <ng-container *ngIf=\"column.type === 'actions' && rows.length !== 0\">\r\n            <div [ngClass]=\"disabledActions ? 'disabled-actions-wrapper' : 'actions-wrapper'\" *ngIf=\"!showActionsAsMenu\">\r\n              <!-- <span class=\"bi bi-trash delete-icon\" (click)=\"performAction(row , 'delete')\"></span> -->\r\n              <i\r\n                class=\"bi bi-pencil-square edit-icon\"\r\n                matTooltip=\"{{ 'UPDATE' | translate }}\"\r\n                (click)=\"performAction(row, 'edit')\"\r\n                *ngIf=\"entityType === 'voc-table'\"\r\n              ></i>\r\n              <i\r\n                class=\"bi bi-trash\"\r\n                matTooltip=\"{{ 'delete' | translate }}\"\r\n                (click)=\"performAction(row, 'delete')\"\r\n                *ngIf=\"\r\n                  entityType === 'voc-table' || entityType === 'department' ||\r\n                  entityType === 'signers'\r\n                \"></i>\r\n\r\n                <i class=\"bi bi-plus-square\" matTooltip=\"{{ 'USER_MANGMENT.addToDepartment' | translate }}\"\r\n                  (click)=\"performAction(row, 'delete')\" *ngIf=\"entityType === 'users' && row.isInitial\"></i>\r\n\r\n                <span *ngFor=\"let action of column.actions\">\r\n                  <i *permission=\"{ name: action.permission, entity: row , user: nuxeoService.nuxeoClient.user}\"\r\n                    class=\"{{ action.icon }}\" matTooltip=\"{{ action.tooltip | translate }}\"\r\n                    (click)=\"performAction(row, action.actionName)\"></i>\r\n                </span>\r\n\r\n                <!-- <i\r\n                *permission=\"{ name: 'registerCorrespondance', entity: row }\"\r\n                class=\"bi bi-box-arrow-in-right\"\r\n                matTooltip=\"{{ 'LISTING.REGISTER' | translate }}\"\r\n                (click)=\"performAction(row, 'register')\"\r\n              ></i>\r\n              <i\r\n                *permission=\"{ name: 'sendCorrespondance', entity: row }\"\r\n                class=\"bi bi-envelope\"\r\n                matTooltip=\"{{ 'LISTING.SEND' | translate }}\"\r\n                (click)=\"performAction(row, 'send')\"\r\n              ></i>\r\n              <i\r\n                *permission=\"{ name: 'closeCorrespondance', entity: row }\"\r\n                class=\"bi bi-x-circle\"\r\n                matTooltip=\"{{ 'LISTING.CLOSE' | translate }}\"\r\n                (click)=\"performAction(row, 'close')\"\r\n              ></i>\r\n              <i\r\n                *permission=\"{ name: 'archiveCorrespondance', entity: row }\"\r\n                class=\"bi bi-folder-symlink\"\r\n                matTooltip=\"{{ 'LISTING.ARCHIVE' | translate }}\"\r\n                (click)=\"performAction(row, 'archive')\"\r\n              ></i> -->\r\n              </div>\r\n              <div [ngClass]=\"disabledActions ? 'disabled-actions-wrapper' : 'actions-wrapper'\" *ngIf=\"showActionsAsMenu\">\r\n                <button class=\"action-menu-trigger\" [matMenuTriggerFor]=\"menu\" [disabled]=\"disabledActions\">\r\n                  <i class=\"bi bi-three-dots-vertical\"></i>\r\n                </button>\r\n                <mat-menu #menu=\"matMenu\" class=\"datatable-actions-menu\">\r\n                  <button mat-menu-item (click)=\"performAction(row, 'edit')\" *ngIf=\"entityType === 'voc-table'\">\r\n                    <i class=\"bi bi-pencil-square edit-icon\"></i>\r\n                    <span class=\"action-text\">{{ 'UPDATE' | translate }}</span>\r\n                  </button>\r\n                  <button mat-menu-item (click)=\"performAction(row, 'delete')\" *ngIf=\"\r\n                  entityType === 'voc-table' || entityType === 'department' ||\r\n                  entityType === 'signers'\r\n                \">\r\n                    <i class=\"bi bi-trash\"></i>\r\n                    <span class=\"action-text\">{{ 'delete' | translate }}</span>\r\n                  </button>\r\n                  <button mat-menu-item (click)=\"performAction(row, 'delete')\" *ngIf=\"entityType === 'users' && row.isInitial\">\r\n                    <i class=\"bi bi-plus-square\"></i>\r\n                    <span class=\"action-text\">{{ 'USER_MANGMENT.addToDepartment' | translate }}</span>\r\n                  </button>\r\n                  <ng-conttainer *ngFor=\"let action of column.actions\">\r\n                    <button (click)=\"performAction(row, action.actionName)\" *permission=\"{ name: action.permission, entity: row , user: nuxeoService.nuxeoClient.user}\">\r\n                      <i class=\"{{ action.icon }}\"></i>\r\n                      <span class=\"action-text\">{{ action.tooltip | translate }}</span>\r\n                    </button>\r\n                  </ng-conttainer>\r\n                </mat-menu>\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"column.type === 'date'\">\r\n              <div class=\"cell-text-wrapper\">\r\n                <cts-date-viewer [withOutLabel]=\"true\" [value]=\"value\"></cts-date-viewer>\r\n              </div>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"column.type === 'custom'\">\r\n              <cts-dynamic-column [id]=\"column.template\" [column]=\"column\" [context]=\"row\">\r\n              </cts-dynamic-column>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"column.type === 'direction'\">\r\n              <div\r\n                (click)=\"iconSelected($event, row)\"\r\n                class=\"status-wrapper {{ value }} {{ row.state }}\"\r\n              >\r\n                <span class=\"iner-status-wrapper\" matTooltip=\"{{ 'STATS.' + row.state | translate }}\">\r\n                  <ng-container *permission=\"{ name: 'isFavorite', entity: row }\" >\r\n                    <span class=\"fav-icon-indicator bi bi-star-fill\"></span>\r\n                  </ng-container>\r\n                  <i\r\n                    class=\"{{directionIcons ? directionIcons['incoming'] : 'bi bi-box-arrow-down'}}\"\r\n                    *ngIf=\"row.type === 'IncomingCorrespondence'\"\r\n                  ></i>\r\n                  <i\r\n                    class=\"{{directionIcons ? directionIcons['outgoing'] : 'bi bi-box-arrow-up outgoing'}}\"\r\n                    *ngIf=\"row.type === 'OutgoingCorrespondence'\"\r\n                  ></i>\r\n                  <i\r\n                    class=\"{{directionIcons ? directionIcons['internal'] : 'bi bi-box-arrow-right internal'}}\"\r\n                    *ngIf=\"row.type === 'InternalCorrespondence'\"\r\n                  ></i>\r\n                </span>\r\n                <!-- <span class=\"value {{ value }}\">{{ \"STATS.\" + value | translate }}</span> -->\r\n              </div>\r\n            </ng-container>\r\n            \r\n          </ng-template>\r\n          <ng-template #customRowTemplate let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n            <div class=\"w-full flex items-center justify-center overflow-visible\">\r\n              <cts-dynamic-column [id]=\"column.custom1stCellTemplate\" [column]=\"column\" [context]=\"row\">\r\n              </cts-dynamic-column>\r\n            </div>\r\n          </ng-template>\r\n        </ngx-datatable-column>\r\n      </ng-container>\r\n    </ng-container>\r\n  </ngx-datatable>\r\n</div>\r\n\r\n<div *ngIf=\"responsiveView && tableMode !== 'card'\" (window:resize)=\"assignTableColumns($event)\">\r\n  <div class=\"dynamic-cards-container\">\r\n    <div class=\"single-card\" [ngClass]=\"{'selected-card': highlightSelectedCard && row?.isSelected}\"\r\n      *ngFor=\"let row of rows\">\r\n      <div class=\"memo-title\">\r\n        <span>\r\n          {{ row.properties.referenceNumber }}\r\n        </span>\r\n        <span class=\"action-wrap\">\r\n          <!-- <div *ngIf=\"property.type === 'actions' && rows.length !== 0\" class=\"actions-wrapper\">\r\n            <i class=\"bi bi-pencil-square edit-icon\" matTooltip=\"{{ 'UPDATE' | translate }}\"\r\n              (click)=\"performAction(row, 'edit')\" *ngIf=\"entityType === 'voc-table'\"></i>\r\n            <i class=\"bi bi-trash\" matTooltip=\"{{ 'delete' | translate }}\" (click)=\"performAction(row, 'delete')\"\r\n              *ngIf=\"\r\n                entityType === 'voc-table' || entityType === 'department' ||\r\n                entityType === 'signers'\r\n              \"></i>\r\n\r\n            <i class=\"bi bi-plus-square\" matTooltip=\"{{ 'USER_MANGMENT.addToDepartment' | translate }}\"\r\n              (click)=\"performAction(row, 'delete')\" *ngIf=\"entityType === 'users' && row.isInitial\"></i>\r\n\r\n            <span *ngFor=\"let action of property.actions\">\r\n              <i *permission=\"{ name: action.permission, entity: row , user: nuxeoService.nuxeoClient.user}\"\r\n                class=\"{{ action.icon }}\" matTooltip=\"{{ action.tooltip | translate }}\"\r\n                (click)=\"performAction(row, action.actionName)\"></i>\r\n            </span>\r\n          </div> -->\r\n          <span  class=\"action\"  *ngFor=\"let action of tableActions\">\r\n            <i *permission=\"{ name: action.permission, entity: row , user: nuxeoService.nuxeoClient.user}\"\r\n              class=\"{{ action.icon }}\" matTooltip=\"{{ action.tooltip | translate }}\"\r\n              (click)=\"performAction(row, action.actionName)\"></i>\r\n          </span>\r\n        </span>\r\n      </div>\r\n      <div *ngIf=\"tableColumns.length > 1\">\r\n        <div class=\"memo-body\" *ngFor=\"let property of tableColumns\" (click)=\"cardSelected(row)\">\r\n          <div class=\"key\">{{ prefix + property.key | translate }}</div>\r\n          <div class=\"value\">\r\n            <div class=\"text\" *ngIf=\"property.type === 'text'\">\r\n              {{ row.properties[property.value]}}\r\n            </div>\r\n            <div class=\"text\" *ngIf=\"property.type === 'owner'\">\r\n              {{ row.properties[property.owner]?.[property.value] }}\r\n            </div>\r\n            <div class=\"text\" *ngIf=\"property.type === 'date'\">\r\n              {{ row.properties[property.value] | localizedDate:format:(isArabic? 'ar-AR' : 'en-US') }}\r\n              <!-- <cts-date-viewer [withOutLabel]=\"true\" [value]=\"row.properties[property.value]\" ></cts-date-viewer> -->\r\n            </div>\r\n            <div *ngIf=\"property.type === 'status'\" class=\"value {{ row[property.value]}}\">{{\r\n              \"STATS.\" + row[property.value] | translate\r\n              }}</div>\r\n            <div *ngIf=\"property.type === 'vocabulary'\" class=\"cell-text-wrapper\">\r\n              <cts-dropdown-viewer [withOutLabel]=\"true\" [value]=\"row.properties[property.value]\"\r\n                [dropdownId]=\"property.vocabularyId\">\r\n              </cts-dropdown-viewer>\r\n            </div>\r\n            <div *ngIf=\"property.type === 'direction'\" (click)=\"iconSelected($event, row)\"\r\n              class=\"status-wrapper {{ property.value }} {{ row.state }}\">\r\n              <span class=\"iner-status-wrapper\" matTooltip=\"{{ 'STATS.' + row.state | translate }}\">\r\n                <ng-container *permission=\"{ name: 'isFavorite', entity: row }\">\r\n                  <span class=\"fav-icon-indicator bi bi-star-fill\"></span>\r\n                </ng-container>\r\n                <i class=\"bi bi-box-arrow-down\" *ngIf=\"row.type === 'IncomingCorrespondence'\"></i>\r\n                <i class=\"bi bi-box-arrow-up outgoing\" *ngIf=\"row.type === 'OutgoingCorrespondence'\"></i>\r\n                <i class=\"bi bi-box-arrow-right internal\" *ngIf=\"row.type === 'InternalCorrespondence'\"></i>\r\n              </span>\r\n            </div>\r\n            <div *ngIf=\"property.type === 'custom'\">\r\n              <cts-dynamic-column [id]=\"property.template\" [column]=\"property\" [context]=\"row\">\r\n              </cts-dynamic-column>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"iner-card-container {{entityType}}\" (click)=\"cardSelected(row)\" *ngIf=\"tableColumns.length === 1\">\r\n      <cts-dynamic-column [id]=\"columns[0].template\" [column]=\"columns[0]\" [context]=\"row\">\r\n      </cts-dynamic-column>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div *ngIf=\"tableMode === 'card'\">\r\n  <div class=\"cards-container\">\r\n    <div class=\"single-card\" *ngFor=\"let row of rows; let i = index\">\r\n      <div class=\"memo-title\">\r\n        <span>\r\n          {{ row.properties.referenceNumber }}\r\n        </span>\r\n        <span class=\"action-wrap\">\r\n          <span class=\"action\" *ngFor=\"let action of tableActions\">\r\n            <i *permission=\"{ name: action.permission, entity: row , user: nuxeoService.nuxeoClient.user}\"\r\n              class=\"{{ action.icon }}\" matTooltip=\"{{ action.tooltip | translate }}\"\r\n              (click)=\"performAction(row, action.actionName)\"></i>\r\n          </span>\r\n          <button *permission=\"{ name: 'deleteMemo', entity: row , user: nuxeoService.nuxeoClient.user}\"\r\n            (click)=\"performAction(row, 'deleteMemo')\">\r\n            <i class=\"bi bi-trash\" matTooltip=\"{{ 'LISTING.ONLY_DELETE' | translate }}\"></i>\r\n          </button>\r\n          <button *permission=\"{ name: 'terminateDelegation', entity: row , user: nuxeoService.nuxeoClient.user}\"\r\n            (click)=\"performAction(row, 'terminateDelegation')\">\r\n            <i class=\"bi bi-trash\" matTooltip=\"{{ 'LISTING.CANCEL' | translate }}\"></i>\r\n          </button>\r\n          <span class=\"publish-state\"\r\n            *permission=\"{ name: 'memoPublished', entity: row , user: nuxeoService.nuxeoClient.user}\">\r\n            {{ \"MEMOS.PUBLISHED\" | translate }}\r\n          </span>\r\n          <span class=\"publish-state\"\r\n            *permission=\"{ name: 'delegationFinished', entity: row , user: nuxeoService.nuxeoClient.user}\">\r\n            {{ \"delegations.finished\" | translate }}\r\n          </span>\r\n          <span class=\"publish-state\"\r\n            *permission=\"{ name: 'delegationActive', entity: row , user: nuxeoService.nuxeoClient.user}\">\r\n            {{ \"delegations.active\" | translate }}\r\n          </span>\r\n        </span>\r\n      </div>\r\n      <div class=\"memo-body\" *ngFor=\"let property of columns\" (click)=\"cardSelected(row);cardFocused(i)\">\r\n        <div class=\"key\" *ngIf=\"property.type !== 'default'\">{{ prefix + property.key | translate }}</div>\r\n        <ng-container *ngIf=\"property.type === 'default'\">\r\n          <div class=\"key\"\r\n            *permission=\"{ name: 'internalIsEnabled', entity: row , user: nuxeoService.nuxeoClient.user}\">\r\n            {{ prefix + property.key | translate }}\r\n          </div>\r\n        </ng-container>\r\n        <div class=\"value\">\r\n          <div class=\"text\" *ngIf=\"property.type === 'text'\">\r\n            {{ row.properties[property.value] }}\r\n          </div>\r\n          <div class=\"text\" *ngIf=\"property.type === 'user'\">\r\n            {{ row.properties[property.value].fullName }}\r\n          </div>\r\n          <div class=\"text\" *ngIf=\"property.type === 'date'\">\r\n            {{row.properties[property.value] | localizedDate:format:(isArabic? 'ar-AR' : 'en-US')}}\r\n            <!-- <cts-date-viewer [withOutLabel]=\"true\" [value]=\"row.properties[property.value]\" ></cts-date-viewer> -->\r\n          </div>\r\n          <div class=\"text\" *ngIf=\"property.type === 'boolean'\">\r\n            {{ (row.properties[property.value] ? 'Yes':'No') | translate }}\r\n          </div>\r\n          <ng-container *ngIf=\"property.type === 'default'\">\r\n            <div class=\"text\"\r\n              *permission=\"{ name: 'internalIsEnabled', entity: row , user: nuxeoService.nuxeoClient.user}\">\r\n              {{ row.properties[property.value] }}\r\n            </div>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"property.type === 'custom'\">\r\n            <div class=\"text\" *ngFor=\"let item of row.properties[property.value]\">\r\n              {{ item | translate }} {{\", \" }}\r\n            </div>\r\n          </ng-container>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div *ngIf=\"tableMode === 'dynamicCard'\">\r\n  <div class=\"cards-container\">\r\n    <div class=\"single-card\" [ngClass]=\"{'selected-card': highlightSelectedCard && row?.isSelected}\"\r\n      *ngFor=\"let row of rows\">\r\n      <div *ngIf=\"columns.length > 1\">\r\n        <div class=\"memo-body\" *ngFor=\"let property of columns\" (click)=\"cardSelected(row)\">\r\n          <div class=\"key\">{{ prefix + property.key | translate }}</div>\r\n          <div class=\"value\">\r\n            <div class=\"text\" *ngIf=\"property.type === 'text'\">\r\n              {{ row.properties[property.value] }}\r\n            </div>\r\n            <div class=\"text\" *ngIf=\"property.type === 'date'\">\r\n              {{ row.properties[property.value] | localizedDate:format:(isArabic? 'ar-AR' : 'en-US') }}\r\n              <!-- <cts-date-viewer [withOutLabel]=\"true\" [value]=\"row.properties[property.value]\" ></cts-date-viewer> -->\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"iner-card-container {{entityType}}\" (click)=\"cardSelected(row)\" *ngIf=\"columns.length === 1\">\r\n        <cts-dynamic-column [id]=\"columns[0].template\" [column]=\"columns[0]\" [context]=\"row\">\r\n        </cts-dynamic-column>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.ngx-datatable{border:1px solid #eef1f5;border-radius:5px}.ngx-datatable .datatable-header{font-weight:bold;width:100%!important;height:50px!important;background-color:#eef1f5;color:#9aa4ac;font-size:14px}.ngx-datatable .datatable-header .datatable-header-inner{width:100%!important;height:100%;padding:0 20px}.ngx-datatable .datatable-header .datatable-header-inner .datatable-row-center{width:100%!important;display:flex;justify-content:space-between;align-items:center}.ngx-datatable .datatable-header .datatable-header-inner .datatable-row-center .datatable-header-cell .sort-btn{margin:5px 5px 0;width:16px;height:16px}.ngx-datatable .datatable-header .datatable-header-inner .datatable-row-center .datatable-header-cell .sort-btn:before{content:\"\\f127\";display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:normal!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased}.ngx-datatable .datatable-header .datatable-header-inner .datatable-row-center .datatable-header-cell .datatable-icon-up.sort-btn:before{content:\"\\f57b\";color:#000;font-size:16px}.ngx-datatable .datatable-header .datatable-header-inner .datatable-row-center .datatable-header-cell .datatable-icon-down.sort-btn:before{content:\"\\f574\";color:#000;font-size:16px}.ngx-datatable .datatable-header .datatable-header-inner .datatable-row-center .datatable-header-cell .datatable-header-cell-template-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;white-space:pre-wrap}.ngx-datatable .datatable-header .datatable-header-inner .datatable-row-center .datatable-header-cell .datatable-header-cell-template-wrap .datatable-header-cell-wrapper{display:flex}.ngx-datatable .datatable-header .datatable-header-inner .datatable-row-center .datatable-header-cell .datatable-header-cell-template-wrap .datatable-header-cell-wrapper .datatable-header-cell-label{text-align:center}.ngx-datatable .datatable-header .datatable-header-inner .datatable-row-center .datatable-header-cell .datatable-header-cell-template-wrap .checkbox-input{z-index:99}.ngx-datatable .datatable-body .empty-row{text-align:center}.ngx-datatable .datatable-body .datatable-scroll{width:100%!important}.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row{display:flex!important;min-height:50px!important;overflow:visible!important}.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-row-center{overflow:visible!important}.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-row-center .datatable-body-cell{overflow:visible!important}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row{height:50px;font-size:14px}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row{width:100%!important;height:100%}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center{width:100%!important;display:flex;justify-content:space-between;padding:0 20px}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell{min-height:50px;display:flex;align-items:center;overflow:hidden}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .datatable-body-cell-label,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .datatable-body-cell-label{width:100%;display:flex;justify-content:center}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .datatable-body-cell-label .checkbox-input,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .datatable-body-cell-label .checkbox-input{z-index:99}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .datatable-body-cell-label .cell-text-wrapper,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .datatable-body-cell-label .cell-text-wrapper{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .iner-status-wrapper,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .iner-status-wrapper{position:relative}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .iner-status-wrapper .fav-icon-indicator,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .iner-status-wrapper .fav-icon-indicator{font-size:12px;position:absolute;top:-5px;right:-10px;color:#ebb98e}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .value,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .value{display:flex;justify-content:center;align-items:center;border-radius:5px;width:100px;height:25px}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .value .status-icon,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .value .status-icon{margin-inline-end:5px;font-size:16px}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .draft,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .draft{background-color:#596973;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .inProgress,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .inProgress{background-color:#3c3cf0;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .registered,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .registered{background-color:#5a1496;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .archived,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .archived{background-color:#fbb62c;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .closed,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .closed{background-color:#00dca5;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .approved,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .approved{background-color:#06a57e;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .assigned,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .assigned{background-color:#fd6670;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .sent,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .sent{background-color:#3c3cf0;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .under_revision,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .under_revision{background:#689be7;color:#e9f1fd}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .rejected,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .rejected{background-color:#fd6670;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .under_sign,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .under_sign{background-color:#dda722;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .redirectSelection,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .redirectSelection{background-color:#28b994;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .redirect,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .redirect{background-color:#e38888;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper.Incoming,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper.Incoming{color:#00dca5;font-size:30px}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper.Outgoing,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper.Outgoing{color:#fbb62c;font-size:30px}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper.Internal,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper.Internal{color:#3c3cf0;font-size:30px}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper.internal,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper.internal{color:#3c3cf0;font-size:30px}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper{width:100%}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .bi,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .bi{font-size:25px;cursor:pointer;color:#465573;margin:0 5px!important}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .bi:hover,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .bi:hover{color:#2e62df!important;font-size:26px}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .datatable-actions-menu button,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .datatable-actions-menu button{display:flex;color:#5171a6;font-size:16px;height:45px;align-items:center;padding:0 10px;width:100%}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .datatable-actions-menu button i,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .datatable-actions-menu button i{font-size:20px;padding:0;display:flex;align-items:center}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .datatable-actions-menu button .action-text,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .datatable-actions-menu button .action-text{padding:0 5px}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .datatable-actions-menu button:hover,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .datatable-actions-menu button:hover{background-color:#e6ebf2}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .disabled-actions-wrapper,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .disabled-actions-wrapper{width:100%}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .disabled-actions-wrapper .bi,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .disabled-actions-wrapper .bi{font-size:25px;cursor:not-allowed;color:#465573;margin:0 5px!important;opacity:.7}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper:nth-child(even){background-color:#f4f6f8}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper:hover{background-color:#eef1f5}.cards-container{display:flex;flex-wrap:wrap;justify-content:center}.cards-container .single-card{padding:15px;border:1px solid rgba(180,186,198,.2);border-radius:3px;min-width:270px;width:24%;margin:0 5px 10px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;cursor:pointer}.cards-container .single-card .memo-title{font-size:14px;font-weight:bold;color:#465573;border-bottom:1px solid lightgray;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.cards-container .single-card .memo-title .action-wrap .action{margin:0 5px;cursor:pointer}.cards-container .single-card .memo-title .action-wrap .action i{font-size:16px}.cards-container .single-card .memo-title .action-wrap .action i:hover{color:#00f}.cards-container .single-card .memo-title .action-wrap .publish-state{font-size:12px;color:#00dca5;font-weight:bold}.cards-container .single-card .memo-title .action-wrap button{border:none;color:#465573;background-color:transparent}.cards-container .single-card .memo-title .action-wrap button i{font-size:16px}.cards-container .single-card .memo-title .action-wrap button i:hover{color:#00f}.cards-container .single-card .memo-body{display:flex;padding:0 10px}.cards-container .single-card .memo-body .key{width:50%;font-size:12px;color:#9aa4ac}.cards-container .single-card .memo-body .value{width:50%;font-size:12px}.cards-container .single-card .memo-body .value .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cards-container .single-card:hover{background-color:#f6f7f8}.cards-container .single-card:focus{background-color:#f6f7f8}.cards-container .selected-card{background-color:#f6f7f8}.rtl .ngx-datatable .datatable-body .status-wrapper .fav-icon-indicator{left:-10px;top:15px!important;right:auto!important}.dynamic-cards-container{display:flex;flex-wrap:wrap;justify-content:center}.dynamic-cards-container .single-card{padding:15px;border:1px solid rgba(180,186,198,.2);border-radius:3px;min-width:306px;width:24%;margin:0 5px 10px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;cursor:pointer}.dynamic-cards-container .single-card .memo-title{font-size:14px;font-weight:bold;color:#465573;border-bottom:1px solid lightgray;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.dynamic-cards-container .single-card .memo-title .action-wrap .action{cursor:pointer}.dynamic-cards-container .single-card .memo-title .action-wrap .action i{font-size:16px}.dynamic-cards-container .single-card .memo-title .action-wrap .action i:hover{color:#00f}.dynamic-cards-container .single-card .memo-title .action-wrap .publish-state{font-size:12px;color:#00dca5;font-weight:bold}.dynamic-cards-container .single-card .memo-title .action-wrap button{border:none;color:#465573;background-color:transparent}.dynamic-cards-container .single-card .memo-title .action-wrap button i{font-size:16px}.dynamic-cards-container .single-card .memo-title .action-wrap button i:hover{color:#00f}.dynamic-cards-container .single-card .memo-body{display:flex;padding:0 10px}.dynamic-cards-container .single-card .memo-body .key{width:58%;font-size:12px;color:#9aa4ac;margin-bottom:4px}.dynamic-cards-container .single-card .memo-body .value{width:58%;font-size:12px}.dynamic-cards-container .single-card .memo-body .value .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dynamic-cards-container .single-card .memo-body .draft{background-color:#596973;color:#fff;width:24%}.dynamic-cards-container .single-card .memo-body .inProgress{background-color:#3c3cf0;color:#fff;width:51%}.dynamic-cards-container .single-card .memo-body .registered{background-color:#5a1496;color:#fff;width:51%}.dynamic-cards-container .single-card .memo-body .archived{background-color:#fbb62c;color:#fff;width:40%}.dynamic-cards-container .single-card .memo-body .closed{background-color:#00dca5;color:#fff;width:31%}.dynamic-cards-container .single-card .memo-body .approved{background-color:#06a57e;color:#fff;width:43%}.dynamic-cards-container .single-card .memo-body .assigned{background-color:#fd6670;color:#fff;width:43%}.dynamic-cards-container .single-card .memo-body .sent{background-color:#3c3cf0;color:#fff;width:23%}.dynamic-cards-container .single-card .memo-body .under_revision{background:#689be7;color:#e9f1fd;width:65%}.dynamic-cards-container .single-card .memo-body .rejected{background-color:#fd6670;color:#fff;width:37%}.dynamic-cards-container .single-card .memo-body .under_sign{background-color:#dda722;color:#fff;width:51%}.dynamic-cards-container .single-card:hover{background-color:#f6f7f8}.dynamic-cards-container .single-card:focus{background-color:#f6f7f8}.dynamic-cards-container .selected-card{background-color:#f6f7f8}.overflowVisible{overflow:visible!important}\n"], components: [{ type: i4$2.DatatableComponent, selector: "ngx-datatable", inputs: ["selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "loadingIndicator", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "groupExpansionDefault", "selectAllRowsOnPage", "virtualization", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity", "rows", "groupedRows", "groupRowsBy", "columns", "limit", "count", "offset", "targetMarkerTemplate", "selectionType", "rowClass", "selectCheck", "displayCheck", "trackByProp", "treeFromRelation", "treeToRelation"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: DropdownViewerComponent, selector: "cts-dropdown-viewer", inputs: ["label", "value", "dropdownId", "vertical", "withOutLabel"] }, { type: DepartmentViewerComponent, selector: "cts-department-viewer", inputs: ["label", "value", "dropdownId", "vertical", "withOutLabel", "noStyle"] }, { type: i2$4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i2$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: DateViewerComponent, selector: "cts-date-viewer", inputs: ["label", "value", "vertical", "format", "hijri", "withOutLabel"] }, { type: DynamicColumnComponent, selector: "cts-dynamic-column", inputs: ["id", "context", "column"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4$2.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { type: i4$2.DataTableColumnHeaderDirective, selector: "[ngx-datatable-header-template]" }, { type: i4$2.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i2$6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { type: i2$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], pipes: { "translate": i1$1.TranslatePipe, "localizedDate": LocalizedDatePipe }, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
@@ -11810,7 +11810,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     styleUrls: ['./table.component.scss'],
                     encapsulation: ViewEncapsulation.None,
                 }]
-        }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: AppConfigService }, { type: TranslationService$1 }]; }, propDecorators: { onRowSelected: [{
+        }], ctorParameters: function () { return [{ type: NuxeoService }, { type: AppConfigService }, { type: TranslationService }]; }, propDecorators: { onRowSelected: [{
                 type: Output
             }], onRowIndexSelected: [{
                 type: Output
@@ -12144,7 +12144,7 @@ class DynamicTableComponent {
         this.getData();
     }
 }
-DynamicTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicTableComponent, deps: [{ token: AdapterService }, { token: CallApiService$1 }, { token: DynamicTableService }], target: i0.ɵɵFactoryTarget.Component });
+DynamicTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicTableComponent, deps: [{ token: AdapterService }, { token: CallApiService }, { token: DynamicTableService }], target: i0.ɵɵFactoryTarget.Component });
 DynamicTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicTableComponent, selector: "cts-dynamic-table", inputs: { columns: "columns", responsiveColumns: "responsiveColumns", entityType: "entityType", prefix: "prefix", headers: "headers", fields: "fields", pageProvider: "pageProvider", pageSize: "pageSize", sortingBy: "sortingBy", queryParam: "queryParam", quickFilter: "quickFilter", report: "report", rowCursor: "rowCursor", fullWidth: "fullWidth", tableMode: "tableMode", tableActions: "tableActions", defultSort: "defultSort", range: "range", isSearchPage: "isSearchPage", multiSelectRows: "multiSelectRows", customFirstRow: "customFirstRow", highlightSelectedCard: "highlightSelectedCard", showActionsAsMenu: "showActionsAsMenu", filterParams: "filterParams", format: "format" }, outputs: { onRowSelected: "onRowSelected", onRowIndexSelected: "onRowIndexSelected", actionOnRow: "actionOnRow", onGettingData: "onGettingData", onMultiRowSelected: "onMultiRowSelected", onLoading: "onLoading" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"wrapping\">\r\n  <div class=\"table-reposition\">\r\n    <cts-table\r\n      *ngIf=\"rows.length\"\r\n      [rows]=\"rows\"\r\n      [columns]=\"columns\"\r\n      [responsiveColumns]=\"responsiveColumns\"\r\n      [rowCursor]=\"rowCursor\"\r\n      [fullWidth]=\"fullWidth\"\r\n      [entityType]=\"entityType\"\r\n      [prefix]=\"prefix\"\r\n      [totalRecords]=\"totalRecords\"\r\n      [tableMode]=\"tableMode\"\r\n      [multiSelectRows]=\"multiSelectRows\"\r\n      [tableActions]=\"tableActions\"\r\n      [showActionsAsMenu]=\"showActionsAsMenu\"\r\n      [defultSort]=\"defultSort\"\r\n      [format]=\"format\"\r\n      [highlightSelectedCard]=\"highlightSelectedCard\"\r\n      [customFirstRow]=\"customFirstRow\"\r\n      (onRowSelected)=\"rowDetails($event)\"\r\n      (onRowIndexSelected)=\"indexDetails($event)\"\r\n      (onMultiRowSelected)=\"onMultiRowSelectValue($event)\"\r\n      (actionOnRow)=\"performAction($event)\"\r\n      (onSorting)=\"onSort($event)\"\r\n    ></cts-table>\r\n  </div>\r\n  <ng-container *ngIf=\"loading\">\r\n    <cts-spinner></cts-spinner>\r\n  </ng-container>\r\n  <div\r\n    class=\"pagination-iner-wraper d-flex justify-content-center align-items-center my-3\"\r\n    *ngIf=\"rows.length\"\r\n  >\r\n    <cts-pagination\r\n      [page]=\"pageNum\"\r\n      (change)=\"PaginationChange($event)\"\r\n      [size]=\"pageSize\"\r\n      [count]=\"totalRecords\"\r\n    ></cts-pagination>\r\n  </div>\r\n\r\n  <div class=\"empty-state\" *ngIf=\"(!loading && rows.length === 0)\">\r\n    <div class=\"text\">{{ ( prefix ?  ( prefix + 'noData' ) : ('noData')) | translate}}</div>\r\n  </div>\r\n  <div class=\"empty-state\" *ngIf=\"(loading && rows.length === 0)\">\r\n    <div class=\"text\">{{ ( prefix ?  ( prefix + 'gettingData' ) : ('gettingData')) | translate }}</div>\r\n  </div>\r\n</div>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.wrapping{position:relative}.wrapping .table-reposition{overflow-y:hidden;scrollbar-color:#b4bac6 transparent!important;scrollbar-width:thin!important;overflow-x:auto}.empty-state{padding:200px;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:bold}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#b4bac6}.dark-scroll::-webkit-scrollbar-thumb{background:#8f98aa}\n"], components: [{ type: TableComponent, selector: "cts-table", inputs: ["rows", "columns", "responsiveColumns", "entityType", "prefix", "pageCount", "totalRecords", "rowCursor", "fullWidth", "vocItemTranslationPrefix", "tableMode", "tableActions", "format", "defultSort", "highlightSelectedCard", "multiSelectRows", "customFirstRow", "showActionsAsMenu"], outputs: ["onRowSelected", "onRowIndexSelected", "onIconSelected", "actionOnRow", "onSorting", "onMultiRowSelected"] }, { type: SpinnerComponent, selector: "cts-spinner" }, { type: PaginationComponent, selector: "cts-pagination", inputs: ["size", "count", "page"], outputs: ["change"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$1.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicTableComponent, decorators: [{
             type: Component,
@@ -12154,7 +12154,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     styleUrls: ['./dynamic-table.component.scss'],
                     encapsulation: ViewEncapsulation.None
                 }]
-        }], ctorParameters: function () { return [{ type: AdapterService }, { type: CallApiService$1 }, { type: DynamicTableService }]; }, propDecorators: { onRowSelected: [{
+        }], ctorParameters: function () { return [{ type: AdapterService }, { type: CallApiService }, { type: DynamicTableService }]; }, propDecorators: { onRowSelected: [{
                 type: Output
             }], onRowIndexSelected: [{
                 type: Output
@@ -12584,7 +12584,7 @@ class DynamicSearchComponent {
             .execute());
     }
 }
-DynamicSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicSearchComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: EvaluatorsService }, { token: NuxeoService$1 }, { token: GlobalAdminService }, { token: 'environment' }, { token: i5$2.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
+DynamicSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicSearchComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: EvaluatorsService }, { token: NuxeoService }, { token: GlobalAdminService }, { token: 'environment' }, { token: i5$2.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
 DynamicSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicSearchComponent, selector: "cts-dynamic-search", inputs: { columns: "columns", responsiveColumns: "responsiveColumns", entityType: "entityType", prefix: "prefix", headers: "headers", fields: "fields", pageProvider: "pageProvider", pageSize: "pageSize", sortingBy: "sortingBy", fullTextParamName: "fullTextParamName", filter: "filter", suggesterApi: "suggesterApi", onRowSelected: "onRowSelected", sortingArray: "sortingArray", customResponsiveStyle: "customResponsiveStyle", openCloseFilterFromOutside: "openCloseFilterFromOutside", theme: "theme" }, outputs: { actionOnRow: "actionOnRow" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!customResponsiveStyle\">\r\n  <div class=\"search-toolbar d-md-flex d-xl-none mx-3\">\r\n    <button (click)=\"onOpenFilter()\" class=\"my-button\">\r\n      <span> {{ \"FILTER\" | translate }}</span>\r\n      <i class=\"bi bi-filter\" *ngIf=\"!openFilter\"></i>\r\n      <i class=\"bi bi-x\" *ngIf=\"openFilter\"></i>\r\n    </button>\r\n    <div *ngIf=\"openFilter\">\r\n      <i class=\"bi bi-caret-up-fill arrow-up\"></i>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"customResponsiveStyle\">\r\n  <div class=\"customStyle -mt-12 px-8 flex flex-col\"\r\n    [ngClass]=\"{'bg-accent-200': theme === 'dgda','bg-accent-100': theme === 'ksreleif' || theme === 'comptechco'}\"\r\n    [@collapse]=\"!openFilter\">\r\n    <!-- <form\r\n        [formGroup]=\"searchForm\"\r\n        class=\"search-form\"\r\n        (ngSubmit)=\"submitForm()\"\r\n      >\r\n        <input\r\n          class=\"search-input\"\r\n          type=\"text\"\r\n          formControlName=\"text\"\r\n          [placeholder]=\"'search.search' | translate\"\r\n        />\r\n        <div (click)=\"submitForm()\" class=\"search-icon bi bi-search\"></div>\r\n      </form> -->\r\n    <div class=\"flex gap-x-18 flex-row mt-5 pb-3 overflow-x-auto\">\r\n      <ng-container *ngIf=\"aggregations; else progressSpinner\">\r\n        <ng-container *ngIf=\"aggregations.length; else noAggregations\">\r\n          <ng-container *ngFor=\"let aggregation of aggregations\">\r\n            <ng-container *ngIf=\"aggregation.buckets.length > 0\">\r\n              <cts-dynamic-filter [entityType]=\"entityType\" [filters]=\"aggregation.buckets\" [id]=\"aggregation.id\"\r\n                [selections]=\"aggregation.selection\" [title]=\"aggregation.field\" [prefix]=\"'search'\" [department]=\"\r\n                    aggregation.field === 'corr:to' ||\r\n                    aggregation.field === 'corr:from'\r\n                  \" [componentType]=\"aggregation.componentType ? aggregation.componentType : 'defult'\"\r\n                [customPageProvider]=\"aggregation.customPageProvider ? aggregation.customPageProvider : ''\"\r\n                [config]=\"aggregation.config ? aggregation.config : {}\" (onFilterSelected)=\"FilterSelected($event)\">\r\n              </cts-dynamic-filter>\r\n            </ng-container>\r\n          </ng-container>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n\r\n<div class=\"row wrapper\">\r\n  <ng-container *ngIf=\"!customResponsiveStyle\">\r\n    <div class=\"popup-filter px-3 d-flex d-xl-none\" *ngIf=\"openFilter\">\r\n      <form [formGroup]=\"searchForm\" class=\"search-form\" (ngSubmit)=\"submitForm()\">\r\n        <input class=\"search-input\" type=\"text\" formControlName=\"text\" [matAutocomplete]=\"matAutocomplete1\" [placeholder]=\"'search.search' | translate\" />\r\n        <div (click)=\"submitForm()\" class=\"search-icon bi bi-search\"></div>\r\n      </form>\r\n      <mat-autocomplete\r\n      class=\"\r\n         auto-complete-iner-wrapper\r\n          auto-complete-wrapper\r\n      \"\r\n      [disableRipple]=\"true\"\r\n      #matAutocomplete1=\"matAutocomplete\"\r\n  >\r\n      <mat-option\r\n          class=\"no-text\"\r\n          *ngIf=\"resultSets && !resultSets.length\"\r\n      >\r\n          {{'no_result_found' | translate}}\r\n      </mat-option>\r\n      <ng-container *ngFor=\"let resultSet of resultSets\">\r\n          <mat-option  (click)=\"setOptionValue(resultSet.label)\">\r\n              <span\r\n                  class=\"option-iner-text\"\r\n                  >{{ resultSet.label }}</span\r\n              >\r\n          </mat-option >\r\n      </ng-container>\r\n      </mat-autocomplete>\r\n      <ng-container *ngIf=\"aggregations; else progressSpinner\">\r\n        <ng-container *ngIf=\"aggregations.length; else noAggregations\">\r\n          <div *ngFor=\"let aggregation of aggregations\">\r\n            <ng-container *ngIf=\"aggregation.buckets.length > 0\">\r\n              <cts-dynamic-filter [entityType]=\"entityType\" [filters]=\"aggregation.buckets\" [id]=\"aggregation.id\"\r\n                [selections]=\"aggregation.selection\" [title]=\"aggregation.field\" [prefix]=\"'search'\" [department]=\"\r\n                aggregation.field === 'corr:to' ||\r\n                aggregation.field === 'corr:from'\r\n              \" [componentType]=\"aggregation.componentType ? aggregation.componentType : 'defult'\"\r\n                [customPageProvider]=\"aggregation.customPageProvider ? aggregation.customPageProvider : ''\"\r\n                [config]=\"aggregation.config ? aggregation.config : {}\" (onFilterSelected)=\"FilterSelected($event)\">\r\n              </cts-dynamic-filter>\r\n            </ng-container>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <div class=\"col-xl-3 search-sideMenu d-none d-xl-block\">\r\n    <form [formGroup]=\"searchForm\" class=\"search-form\" (ngSubmit)=\"submitForm()\">\r\n      <input class=\"search-input\" type=\"text\" formControlName=\"text\" [matAutocomplete]=\"matAutocomplete2\"\r\n        [placeholder]=\"'search.search' | translate\" />\r\n      <div (click)=\"submitForm()\" class=\"search-icon bi bi-search\"></div>\r\n    </form>\r\n    <mat-autocomplete class=\"\r\n       auto-complete-iner-wrapper\r\n        auto-complete-wrapper\r\n    \" [disableRipple]=\"true\" #matAutocomplete2=\"matAutocomplete\">\r\n      <mat-option class=\"no-text\" *ngIf=\"resultSets && !resultSets.length\">\r\n        {{'no_result_found' | translate}}\r\n      </mat-option>\r\n      <ng-container *ngFor=\"let resultSet of resultSets\">\r\n        <mat-option (click)=\"setOptionValue(resultSet.label)\">\r\n          <span class=\"option-iner-text\">{{ resultSet.label }}</span>\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-autocomplete>\r\n    <ng-container *ngIf=\"aggregations; else progressSpinner\">\r\n      <div *ngFor=\"let aggregation of aggregations\">\r\n        <ng-container *ngIf=\"aggregation.buckets.length > 0\">\r\n          <cts-dynamic-filter [entityType]=\"entityType\" [filters]=\"aggregation.buckets\" [id]=\"aggregation.id\"\r\n            [selections]=\"aggregation.selection\" [title]=\"aggregation.field\" [prefix]=\"'search'\" [department]=\"\r\n              aggregation.field === 'corr:to' ||\r\n              aggregation.field === 'corr:from'\r\n            \" [componentType]=\"aggregation.componentType ? aggregation.componentType : 'defult'\"\r\n            [customPageProvider]=\"aggregation.customPageProvider ? aggregation.customPageProvider : ''\"\r\n            [config]=\"aggregation.config ? aggregation.config : {}\" (onFilterSelected)=\"FilterSelected($event)\">\r\n          </cts-dynamic-filter>\r\n        </ng-container>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <div class=\"col-12 col-xl-9\">\r\n    <app-card>\r\n      <div class=\"title\">\r\n        <h3>\r\n          {{ \"search.header\" | translate }}\r\n        </h3>\r\n      </div>\r\n      <div class=\"body\">\r\n        <div *ngIf=\"aggregations\" class=\"table-toolbar\">\r\n          <div class=\"result-count\">\r\n            <span>\r\n              {{\r\n              \"search.\" + \"resultsNumber\"\r\n              | translate: { value: totalRecords ? totalRecords : 0 }\r\n              }}\r\n            </span>\r\n          </div>\r\n          <div>\r\n            <form class=\"d-flex justify-between\" [formGroup]=\"searchForm\" (ngSubmit)=\"submitForm()\">\r\n              <div *ngIf=\"useToggleFilters && !customResponsiveStyle\"></div>\r\n              <div *ngIf=\"customResponsiveStyle\">\r\n                <div class=\"search-form custom-responsive-search\">\r\n                  <input class=\"search-input\" type=\"text\" formControlName=\"text\" [matAutocomplete]=\"matAutocomplete\"\r\n                    [placeholder]=\"'search.search' | translate\" />\r\n                  <div (click)=\"submitForm()\" class=\"search-icon bi bi-search\"></div>\r\n                </div>\r\n                <mat-autocomplete\r\n                class=\"\r\n                   auto-complete-iner-wrapper\r\n                    auto-complete-wrapper\r\n                \"\r\n                [disableRipple]=\"true\"\r\n                #matAutocomplete=\"matAutocomplete\"\r\n            >\r\n                <mat-option\r\n                    class=\"no-text\"\r\n                    *ngIf=\"resultSets && !resultSets.length\"\r\n                >\r\n                    {{no_result_found | translate}}\r\n                </mat-option>\r\n                <ng-container *ngFor=\"let resultSet of resultSets\">\r\n                    <mat-option  (click)=\"setOptionValue(resultSet.label)\">\r\n                        <span\r\n                            class=\"option-iner-text\"\r\n                            >{{ resultSet.label }}</span\r\n                        >\r\n                    </mat-option >\r\n                </ng-container>\r\n                </mat-autocomplete>\r\n              </div>\r\n              <div class=\"d-flex\" *ngIf=\"useToggleFilters\">\r\n                <cts-dynamic-form-slide-toggleitem class=\"mx-2 small-font\" [label]=\"'search.PERSONAL_FILES'\"\r\n                  (onToggle)=\"submitForm()\" formControlName=\"personalFiles\">\r\n                </cts-dynamic-form-slide-toggleitem>\r\n                <cts-dynamic-form-slide-toggleitem class=\"mx-2 small-font\" [label]=\"'search.DEP_FILES'\"\r\n                  formControlName=\"depFiles\" (onToggle)=\"submitForm()\">\r\n                </cts-dynamic-form-slide-toggleitem>\r\n                <cts-dynamic-form-slide-toggleitem class=\"mx-2 small-font\" [label]=\"'search.WORKSPACE_FILES'\"\r\n                formControlName=\"workSpaceFiles\" (onToggle)=\"submitForm()\">\r\n              </cts-dynamic-form-slide-toggleitem>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n        <cts-dynamic-table [pageSize]=\"pageSize\" [columns]=\"columns\" [responsiveColumns]=\"responsiveColumns\"\r\n          [pageProvider]=\"pageProvider\" [quickFilter]=\"filter\" [entityType]=\"entityType\" [fields]=\"fields\"\r\n          [queryParam]=\"queryParams\" [headers]=\"headers\" [prefix]=\"prefix\" [sortingBy]=\"sortingBy\" [isSearchPage]=\"true\"\r\n          (onRowSelected)=\"onRowSelected($event)\" (actionOnRow)=\"performAction($event)\"\r\n          (onGettingData)=\"getTableData($event)\"></cts-dynamic-table>\r\n      </div>\r\n    </app-card>\r\n  </div>\r\n\r\n  <ng-template #progressSpinner>\r\n    <div class=\"progress-spinner\">\r\n      <mat-spinner color=\"warn\" [diameter]=\"25\"></mat-spinner>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template #noAggregations>\r\n    <div class=\"progress-spinner\">\r\n      {{ \"search.noAggregations\" | translate }}\r\n    </div>\r\n  </ng-template>\r\n</div>", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.result-count{color:#8f98aa;font-size:14px}.search-sideMenu{background-color:#fff;padding-top:22px;padding-bottom:22px;border-radius:5px}.auto-complete-iner-wrapper{max-height:350px;border-radius:4px}.auto-complete-iner-wrapper .no-text{font-size:14px;color:#465573}.auto-complete-iner-wrapper .mat-option{text-align:start;color:#465573;font-weight:bold;font-size:14px}.auto-complete-iner-wrapper .mat-option .mat-option-text{text-align:flex-start}.search-form{display:flex;color:#6a768e;width:100%}.search-form .search-input{width:100%;border:1px solid #d9dce2;border-inline-end:0;border-start-start-radius:5px;border-end-start-radius:5px;border:1px solid #ccc;height:32px;font-size:16px;padding-inline-start:4px}.search-form .search-input::-webkit-input-placeholder{font-size:14px}.search-form .search-input:focus-visible{border:2px solid #465573;outline:transparent}.search-form .search-icon{background:#465573;color:#fff;width:12%;display:flex;align-items:center;justify-content:center;border-radius:0;cursor:pointer;border:1px solid #d9dce2;border-start-end-radius:6px;border-end-end-radius:6px;border-inline-start:0}.small-font{font-size:14px}.custom-responsive-search{width:300px!important;margin:0 35px}.search-toolbar{position:relative;display:flex;justify-content:flex-end;margin-bottom:16px}.search-toolbar .my-button{width:90px}.search-toolbar .arrow-up{position:absolute;top:26px;right:28px;font-size:25px;color:#8f98aab3}.wrapper{position:relative}.wrapper .popup-filter{flex-direction:column;position:absolute;right:0;z-index:9999;max-height:70vh;max-width:400px;background-color:#fff;overflow:scroll;box-shadow:0 1px 10px 2px #00000054;top:-4px;border-radius:5px}.wrapper .popup-filter .search-form{margin-top:10px!important}.wrapper .popup-filter .search-input{width:100%!important}.wrapper .search-container{background-color:#fff;border-radius:5px;border:0px;padding:16px;height:max-content}.wrapper .search-container .table-toolbar{display:flex;align-items:center;margin-bottom:8px;justify-content:space-between}.progress-spinner{margin-top:10px;margin-block-end:0;display:grid;place-items:center;width:100%}.rtl .popup-filter{left:0px;right:unset!important}.rtl .arrow-up{position:absolute;top:33px;left:28px;right:unset!important}@media (width: 1180px),(width: 820px){.customStyle cts-dynamic-filter .aggregation-container{width:176px!important}}.customStyle .search-form{display:flex;color:#6a768e;width:100%}.customStyle .search-form .search-input{width:288px;border:1px solid #d9dce2;border-inline-end:0;border-start-start-radius:5px;border-end-start-radius:5px;border:1px solid #ccc;height:32px;font-size:16px;padding-inline-start:4px}.customStyle .search-form .search-input::-webkit-input-placeholder{font-size:14px}.customStyle .search-form .search-input:focus-visible{border:2px solid #465573;outline:transparent}.customStyle .search-form .search-icon{background:#465573;color:#fff;width:40px;display:flex;align-items:center;justify-content:center;border-radius:0;cursor:pointer;border:1px solid #d9dce2;border-start-end-radius:6px;border-end-end-radius:6px;border-inline-start:0}\n"], components: [{ type: DynamicFilterComponent, selector: "cts-dynamic-filter", inputs: ["title", "filters", "selections", "id", "entityType", "prefix", "department", "componentType", "customPageProvider", "config"], outputs: ["onFilterSelected"] }, { type: i7$2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i2$5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: CardComponent, selector: "app-card", inputs: ["noBody", "dark"] }, { type: DynamicFormSlideToggleitemComponent, selector: "cts-dynamic-form-slide-toggleitem", inputs: ["label", "disabled", "checked", "theme"], outputs: ["onToggle"] }, { type: DynamicTableComponent, selector: "cts-dynamic-table", inputs: ["columns", "responsiveColumns", "entityType", "prefix", "headers", "fields", "pageProvider", "pageSize", "sortingBy", "queryParam", "quickFilter", "report", "rowCursor", "fullWidth", "tableMode", "tableActions", "defultSort", "range", "isSearchPage", "multiSelectRows", "customFirstRow", "highlightSelectedCard", "showActionsAsMenu", "filterParams", "format"], outputs: ["onRowSelected", "onRowIndexSelected", "actionOnRow", "onGettingData", "onMultiRowSelected", "onLoading"] }, { type: i8.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7$2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "translate": i1$1.TranslatePipe }, animations: [
         trigger('collapse', [
             state('false', style({ height: AUTO_STYLE, visibility: AUTO_STYLE })),
@@ -12609,7 +12609,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     ],
                     encapsulation: ViewEncapsulation.None
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: EvaluatorsService }, { type: NuxeoService$1 }, { type: GlobalAdminService }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: EvaluatorsService }, { type: NuxeoService }, { type: GlobalAdminService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
                 }] }, { type: i5$2.BreakpointObserver }]; }, propDecorators: { columns: [{
@@ -12986,7 +12986,7 @@ class CreateEntityComponent {
             this.openMenu = false;
     }
 }
-CreateEntityComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CreateEntityComponent, deps: [{ token: i1$2.Router }, { token: NuxeoService$1 }], target: i0.ɵɵFactoryTarget.Component });
+CreateEntityComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CreateEntityComponent, deps: [{ token: i1$2.Router }, { token: NuxeoService }], target: i0.ɵɵFactoryTarget.Component });
 CreateEntityComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CreateEntityComponent, selector: "cts-create-entity", inputs: { createActions: "createActions" }, ngImport: i0, template: "<div class=\"entity-iner-wrapper\" SetRtl (clickOutside)=\"closeSideMenu($event)\">\r\n\r\n  <div class=\"entity-types\" [ngClass]=\"{'hide-menu': openMenu === false}\">\r\n    <div  *ngFor=\"let action of createActions\" (click)=\"actionCleciked(action)\">\r\n      <div class=\"single-entity\" *permission=\"{name: action.permission  , user: nuxeoService.nuxeoClient.user }\"> \r\n        <div class=\"entity-name\">{{action.title | translate}}</div>\r\n        <div class=\"entity-icon\">\r\n          <span class=\"{{action.iconName}}\"></span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"add-close\" (click)=\"ToggleMenu()\">\r\n    <span class=\"bi bi-plus add\" id=\"trigger\" *ngIf=\"!openMenu\"></span>\r\n    <span class=\"bi bi-x close-icon\" *ngIf=\"openMenu\"></span>\r\n  </div>\r\n</div>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.entity-iner-wrapper{display:flex;flex-direction:column;align-items:flex-end}.entity-iner-wrapper .entity-types{margin:0 8px;overflow:hidden;height:auto;transition:.2s ease-in-out;min-width:180px;display:flex;flex-direction:column;align-items:flex-end}.entity-iner-wrapper .entity-types.hide-menu{height:0px}.entity-iner-wrapper .entity-types .single-entity{display:flex;margin-bottom:15px}.entity-iner-wrapper .entity-types .single-entity .entity-name{min-width:125px;width:auto;padding:16px 14px;margin:4px -8px 4px 0;border-radius:5px;background-color:#9a9a9a;color:#fff;font-size:14px;opacity:1;box-shadow:-3px 0 11px -5px #666;text-overflow:ellipsis;height:23px;align-items:center;display:flex;cursor:pointer}.entity-iner-wrapper .entity-types .single-entity .entity-icon{background-color:#1a96c6;border:2px solid white;cursor:pointer;display:inline-block;min-width:64px;min-width:0;border-radius:50%;width:40px;height:40px;padding:0;color:#fff;display:flex;justify-content:center;align-items:center}.entity-iner-wrapper .entity-types .single-entity .entity-icon .bi{margin:0}.entity-iner-wrapper .add-close{background-color:#1a96c6;width:55px;height:55px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:25px;color:#fff;font-weight:bold;cursor:pointer}.entity-iner-wrapper .add-close .bi{margin:0!important}.rtl .entity-types .single-entity .entity-name{background-image:radial-gradient(circle at -15px 16px,rgba(0,0,0,0) 0,rgba(0,0,0,0) 25px,#9a9a9a 27px);margin:4px 0 4px -8px}\n"], directives: [{ type: SetRtlDirective, selector: "[SetRtl]" }, { type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$1.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CreateEntityComponent, decorators: [{
             type: Component,
@@ -12996,7 +12996,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     styleUrls: ['./create-entity.component.scss'],
                     encapsulation: ViewEncapsulation.None
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.Router }, { type: NuxeoService$1 }]; }, propDecorators: { createActions: [{
+        }], ctorParameters: function () { return [{ type: i1$2.Router }, { type: NuxeoService }]; }, propDecorators: { createActions: [{
                 type: Input
             }] } });
 
@@ -13144,7 +13144,7 @@ class CorrespondenceTagsComponent {
         this.open = !this.open;
     }
 }
-CorrespondenceTagsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CorrespondenceTagsComponent, deps: [{ token: TagsApiService }, { token: NuxeoService$1 }, { token: EvaluatorsService }], target: i0.ɵɵFactoryTarget.Component });
+CorrespondenceTagsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CorrespondenceTagsComponent, deps: [{ token: TagsApiService }, { token: NuxeoService }, { token: EvaluatorsService }], target: i0.ɵɵFactoryTarget.Component });
 CorrespondenceTagsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CorrespondenceTagsComponent, selector: "cts-correspondence-tags", inputs: { alwaysShowRemoveBtn: "alwaysShowRemoveBtn", correspondence: "correspondence", customClass: "customClass", addCustomApiName: "addCustomApiName", deleteCustomApiName: "deleteCustomApiName", useParams: "useParams", accordionMode: "accordionMode", systemTags: "systemTags", accordionOpen: "accordionOpen", title: "title", multiple: "multiple" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"{{customClass}}\">\r\n  <div class=\"tags-header\" [ngClass]=\"{'border-b': !open}\">\r\n    <div class=\"tag-header-title\">{{ title | translate }}</div>\r\n    <div class=\"flex gap-x-2\">\r\n      <ng-container *ngIf=\"!systemTags\">\r\n        <div\r\n      \r\n        class=\"allowEdit-tag-btn\"\r\n        *permission=\"{ name: 'addTag', entity: correspondence, user: nuxeoService.nuxeoClient.user }\"\r\n        (click)=\"removable = !removable\"\r\n        >\r\n          <span class=\"bi bi-plus-lg detailed-menu\" [matTooltip]=\"'Tags.toolTip' | translate\" *ngIf=\"!removable\"></span>\r\n          <span class=\"tags-close-icon bi bi-x detailed-menu\" [matTooltip]=\"'Tags.Close' | translate\" *ngIf=\"removable\"></span>\r\n        </div>\r\n      </ng-container>\r\n      <button (click)=\"toggleAccrdion()\" *ngIf=\"accordionMode\">\r\n        <mat-icon svgIcon=\"mat_solid:keyboard_arrow_up\" *ngIf=\"open\"></mat-icon>\r\n        <mat-icon svgIcon=\"mat_solid:keyboard_arrow_down\" *ngIf=\"!open\"></mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div class=\"tags-wrapper\" [@collapse]=\"!open\">\r\n    <ng-container *ngIf=\"removable && !systemTags\">\r\n      <div class=\"add-tag-container\">\r\n        <div class=\"tag-form-container\">\r\n          <form [formGroup]=\"tagsFrom\">\r\n            <cts-dynamic-form-select-tag\r\n             formControlName=\"tag\"\r\n             [multiple]=\"multiple\">\r\n            </cts-dynamic-form-select-tag>\r\n          </form>\r\n        </div>\r\n        <div class=\"add-tag-btn\">\r\n          <cts-button\r\n            [disabled]=\"this.tagsFrom.invalid\"\r\n            [loading]=\"loading\"\r\n            (onClick)=\"addTag()\"\r\n            class=\"detailed-menu\"\r\n            >{{ \"BUTTONS.ADD\" | translate }}</cts-button\r\n          >\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"tagsList.length > 0; else noEntry\">\r\n      <div class=\"tags-list-container row\">\r\n        <mat-chip-list *ngFor=\"let tag of tagsList\">\r\n          <mat-chip [removable]=\"removable || (canRemoveTag && alwaysShowRemoveBtn)\" (removed)=\"deleteTag(tag)\"\r\n            >{{ tag }} \r\n            <mat-icon matChipRemove class=\"cancelBtn\" *ngIf=\"(removable && !systemTags) || (canRemoveTag && alwaysShowRemoveBtn)\">cancel</mat-icon>\r\n          </mat-chip>\r\n        </mat-chip-list>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n</div>\r\n\r\n<ng-template #noEntry>\r\n  <cts-no-data [message]=\"'Tags.noEntry'\" [border]=\"false\"></cts-no-data>\r\n</ng-template>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.tags-header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;font-size:14px}.tags-header .allowEdit-tag-btn{cursor:pointer}.tags-header .allowEdit-tag-btn span{color:#1a96c6;font-size:18px}.tags-header .allowEdit-tag-btn .tags-close-icon{display:flex;font-size:30px}.tags-wrapper{padding:5px 16px;border:1px solid #d9dce2;display:flex;flex-direction:column;grid-row-gap:8px;row-gap:8px}.tags-wrapper .add-tag-container{display:flex;justify-content:space-between;grid-column-gap:6px;column-gap:6px}.tags-wrapper .add-tag-container .tag-form-container{width:80%}.tags-wrapper .add-tag-container .add-tag-btn{width:20%}.tags-wrapper .tags-list-container{display:flex;grid-column-gap:4px;column-gap:4px;grid-row-gap:8px;row-gap:8px;margin:0}\n"], components: [{ type: i2$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: DynamicFormSelectTagComponent, selector: "cts-dynamic-form-select-tag", inputs: ["label", "multiple", "selectedTagsCustomTemplate"] }, { type: ButtonComponent, selector: "cts-button", inputs: ["disabled", "loading", "size", "theme", "spinnerTheming"], outputs: ["onClick"] }, { type: i7.MatChipList, selector: "mat-chip-list", inputs: ["aria-orientation", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "selectable", "tabIndex", "errorStateMatcher"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: NoDataComponent, selector: "cts-no-data", inputs: ["message", "border", "img"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i2$6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i7.MatChipRemove, selector: "[matChipRemove]" }], pipes: { "translate": i1$1.TranslatePipe }, animations: [
         trigger('collapse', [
             state('false', style({ height: AUTO_STYLE, visibility: AUTO_STYLE })),
@@ -13169,7 +13169,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     ],
                     encapsulation: ViewEncapsulation.None,
                 }]
-        }], ctorParameters: function () { return [{ type: TagsApiService }, { type: NuxeoService$1 }, { type: EvaluatorsService }]; }, propDecorators: { alwaysShowRemoveBtn: [{
+        }], ctorParameters: function () { return [{ type: TagsApiService }, { type: NuxeoService }, { type: EvaluatorsService }]; }, propDecorators: { alwaysShowRemoveBtn: [{
                 type: Input
             }], correspondence: [{
                 type: Input
@@ -13386,7 +13386,7 @@ class AttachmentsListComponent {
         return this.attachmentForm.get('attachmentCard').controls;
     }
 }
-AttachmentsListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AttachmentsListComponent, deps: [{ token: NuxeoService$1 }], target: i0.ɵɵFactoryTarget.Component });
+AttachmentsListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AttachmentsListComponent, deps: [{ token: NuxeoService }], target: i0.ɵɵFactoryTarget.Component });
 AttachmentsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AttachmentsListComponent, selector: "cts-attachments-list", inputs: { ancestorId: "ancestorId", provider: "provider", items: "items", batchList: "batchList", dontDelete: "dontDelete", canDelete: "canDelete", item: "item" }, outputs: { deleteSuccess: "deleteSuccess", documentsCount: "documentsCount", documentSelect: "documentSelect" }, usesOnChanges: true, ngImport: i0, template: "<ng-container>\r\n  <div class=\"doc-list\">\r\n    <ng-container>\r\n      <form [formGroup]=\"attachmentForm\">\r\n        <div formArrayName=\"attachmentCard\">\r\n          <div\r\n            class=\"doc-item\"\r\n            *ngFor=\"\r\n              let attachmentCardControl of attachmentForm.get('attachmentCard')[\r\n                'controls'\r\n              ];\r\n              let i = index\r\n            \"\r\n          >\r\n            <!-- (click)=\"preview(item.uid)\" -->\r\n            <div class=\"file-icon\">\r\n              <mat-icon>file_copy</mat-icon>\r\n            </div>\r\n            <div\r\n              [formGroupName]=\"i\"\r\n              class=\"attachmentForm-container row no-gutters\"\r\n            >\r\n              <div class=\"formControl-wrapper col-12 col-xl-6\">\r\n                <app-dynamic-form-textitem\r\n                  placeholder=\"{{ 'Title' | translate }}\"\r\n                  class=\"textitem\"\r\n                  formControlName=\"title\"\r\n                  \r\n                >\r\n                </app-dynamic-form-textitem>\r\n                <app-dynamic-form-textitem\r\n                  placeholder=\"{{\r\n                    'CREATE.ATTACHMENTS.REMARKS_PLACE_HOLDER' | translate\r\n                  }}\"\r\n                  class=\"textitem\"\r\n                  formControlName=\"remarks\"\r\n                >\r\n                </app-dynamic-form-textitem>\r\n              </div>\r\n              <div class=\"formControl-wrapper col-12 col-xl-6\">\r\n                <app-dynamic-form-vocabulary-item\r\n                  class=\"voc-form-control\"\r\n                  [bindLabel]=\"'label'\"\r\n                  [bindValue]=\"'id'\"\r\n                  placeholder=\"{{ 'VOCABULARY.TYPE' | translate }}\"\r\n                  [multiple]=\"false\"\r\n                  [searchable]=\"false\"\r\n                  [closeOnSelect]=\"true\"\r\n                  [hideSelectedItems]=\"false\"\r\n                  [vocabularyType]=\"'VOC_CorrespondenceAttachmentType'\"\r\n                  formControlName=\"category\"\r\n                >\r\n                </app-dynamic-form-vocabulary-item>\r\n                <app-dynamic-form-vocabulary-item\r\n                  class=\"voc-form-control\"\r\n                  [bindLabel]=\"'label'\"\r\n                  [bindValue]=\"'id'\"\r\n                  placeholder=\"{{ 'VOCABULARY.CLASSIFICATION' | translate }}\"\r\n                  [multiple]=\"false\"\r\n                  [searchable]=\"false\"\r\n                  [closeOnSelect]=\"true\"\r\n                  [hideSelectedItems]=\"false\"\r\n                  [vocabularyType]=\"'VOC_CorrespondenceAttachClassification'\"\r\n                  formControlName=\"classification\"\r\n                >\r\n                </app-dynamic-form-vocabulary-item>\r\n              </div>\r\n              <!-- <div class=\"formControl-toggleitem col-2 col-xl-2\">\r\n                <cts-dynamic-form-slide-toggleitem\r\n                  label=\"{{ 'CREATE.ATTACHMENTS.ISOBJECT' | translate }}\"\r\n                  formControlName=\"isObject\"\r\n                ></cts-dynamic-form-slide-toggleitem>\r\n              </div> -->\r\n            </div>\r\n            <div class=\"btn-wrapper\">\r\n              <button\r\n                (click)=\"delInput(i)\"\r\n                class=\"btn btn-outline-danger btn-no-border\"\r\n              >\r\n                <!-- deleteDocument($event, attachmentCardControl.value.item) -->\r\n                <mat-icon>delete</mat-icon>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </ng-container>\r\n  </div>\r\n</ng-container>\r\n<ng-template #spinner>\r\n  <mat-spinner class=\"centered-spinner\"></mat-spinner>\r\n</ng-template>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.doc-item{display:flex;flex:1;padding-top:6px;padding-bottom:6px;justify-content:space-between;align-items:center;padding-inline-end:4px;cursor:pointer;border:1px solid;border-color:#d9dce2}.doc-item .item-content{display:flex;align-items:center;justify-content:space-between}.doc-item .file-icon{margin:4px;color:#465573;display:flex;align-items:center}.attachmentForm-container{width:100%;grid-row-gap:6px;row-gap:6px}.attachmentForm-container .formControl-wrapper{display:flex;align-items:center;justify-content:space-between;grid-column-gap:10px;column-gap:10px;padding-inline-end:5px;padding-inline-start:5px}.attachmentForm-container .formControl-wrapper .voc-form-control{width:50%}.attachmentForm-container .formControl-wrapper .textitem{width:100%}.attachmentForm-container .formControl-toggleitem{display:flex;align-items:center;justify-content:center}.btn-wrapper{display:flex;justify-content:flex-end}\n"], components: [{ type: i2$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: DynamicFormTextItemComponent, selector: "app-dynamic-form-textitem", inputs: ["autoComplete", "nativeAutoComplete", "autoComplete_pageProvider", "autoComplete_propertyName", "autoComplete_propertyKey", "autoCompleteValueKey", "autoCompleteType", "tenantId", "emitFullObject", "outsideParams", "type", "property", "label", "editable", "placeholder", "disabled", "displayEmpty", "preventSpace", "id", "maxCharsNum"] }, { type: DynamicFormVocabularyItemComponent, selector: "app-dynamic-form-vocabulary-item", inputs: ["bindValue", "bindLabel", "placeholder", "multiple", "searchable", "closeOnSelect", "hideSelectedItems", "disabled", "vocabularyType", "label", "cacheable", "shwoAllValues"], outputs: ["onSelecting"] }, { type: i8.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "translate": i1$1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AttachmentsListComponent, decorators: [{
             type: Component,
@@ -13395,7 +13395,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     templateUrl: './attachments-list.component.html',
                     styleUrls: ['./attachments-list.component.scss'],
                 }]
-        }], ctorParameters: function () { return [{ type: NuxeoService$1 }]; }, propDecorators: { ancestorId: [{
+        }], ctorParameters: function () { return [{ type: NuxeoService }]; }, propDecorators: { ancestorId: [{
                 type: Input
             }], provider: [{
                 type: Input
@@ -13678,7 +13678,7 @@ class DocumentsListComponent {
         this.onDestroy$.complete();
     }
 }
-DocumentsListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DocumentsListComponent, deps: [{ token: DocumentsService }, { token: NuxeoService$1 }, { token: CustomToastrService }, { token: i1$4.MatDialog }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component });
+DocumentsListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DocumentsListComponent, deps: [{ token: DocumentsService }, { token: NuxeoService }, { token: CustomToastrService }, { token: i1$4.MatDialog }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component });
 DocumentsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DocumentsListComponent, selector: "app-documents-list", inputs: { ancestorId: "ancestorId", provider: "provider", disablePagination: "disablePagination", containerClasses: "containerClasses", itemsClasses: "itemsClasses", items: "items", notifier: "notifier", canPreview: "canPreview", batchList: "batchList", dontDelete: "dontDelete", canDelete: "canDelete", quickFilters: "quickFilters", memoView: "memoView" }, outputs: { deleteSuccess: "deleteSuccess", documentsCount: "documentsCount", documentSelect: "documentSelect" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!isFetching; else spinner\">\r\n  <div *ngIf=\"items.length; else noEntry\">\r\n    <div class=\"doc-list\">\r\n      <div class=\"doc-item\" (click)=\"preview(item.uid)\" *ngFor=\"\r\n          let item of items\r\n          ;\r\n          let last = last\r\n        \">\r\n        <div class=\"item-content\">\r\n          <mat-icon class=\"file-icon\">file_copy</mat-icon>\r\n          {{ item.title }}\r\n        </div>\r\n        <button *ngIf=\"canDelete && isCreator(item)\" (click)=\"deleteDocument($event, item)\"\r\n          class=\"btn btn-outline-danger btn-no-border\">\r\n          <mat-icon>delete</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div  [ngClass]=\"{ 'hidden': disablePagination }\" class=\"wrapping-pagination my-3\">\r\n      <cts-pagination [page]=\"p\" (change)=\"onChange($event)\"\r\n      [size]=\"count\" [count]=\"totalRecords\">\r\n      </cts-pagination>\r\n    </div>\r\n  </div>\r\n  <ng-template #noEntry>\r\n    <!-- <app-no-entry [msg]=\"'documents.noEntry'\"></app-no-entry> -->\r\n    <!-- <cts-no-data\r\n      [message]=\"'documents.noEntry'\"\r\n ></cts-no-data> -->\r\n  </ng-template>\r\n</ng-container>\r\n<ng-template #spinner>\r\n  <mat-spinner class=\"centered-spinner\"></mat-spinner>\r\n</ng-template>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.doc-list{flex:1;justify-content:space-between;cursor:pointer;margin-bottom:14px;border:2px solid #d9dce2;margin-top:2px;border-radius:5px}.wrapping-pagination{display:flex;justify-content:center;align-items:center}.doc-item{display:flex;flex:1;justify-content:space-between;cursor:pointer;padding:8px;border-bottom:1px solid;border-color:#d9dce2}.doc-item:last-child{border-width:0px}.doc-item .item-content{display:flex;align-items:center;justify-content:space-between}.doc-item .file-icon{margin:8px;color:#465573}.pagination{justify-self:center}\n"], components: [{ type: i2$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: PaginationComponent, selector: "cts-pagination", inputs: ["size", "count", "page"], outputs: ["change"] }, { type: i8.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DocumentsListComponent, decorators: [{
             type: Component,
@@ -13687,7 +13687,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     templateUrl: './documents-list.component.html',
                     styleUrls: ['./documents-list.component.scss'],
                 }]
-        }], ctorParameters: function () { return [{ type: DocumentsService }, { type: NuxeoService$1 }, { type: CustomToastrService }, { type: i1$4.MatDialog }, { type: i1$2.Router }]; }, propDecorators: { ancestorId: [{
+        }], ctorParameters: function () { return [{ type: DocumentsService }, { type: NuxeoService }, { type: CustomToastrService }, { type: i1$4.MatDialog }, { type: i1$2.Router }]; }, propDecorators: { ancestorId: [{
                 type: Input
             }], provider: [{
                 type: Input
@@ -15160,14 +15160,14 @@ class DocumentTemplatesService {
         }));
     }
 }
-DocumentTemplatesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DocumentTemplatesService, deps: [{ token: NuxeoService$1 }, { token: AdapterService }, { token: i1.HttpClient }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
+DocumentTemplatesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DocumentTemplatesService, deps: [{ token: NuxeoService }, { token: AdapterService }, { token: i1.HttpClient }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
 DocumentTemplatesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DocumentTemplatesService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DocumentTemplatesService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: AdapterService }, { type: i1.HttpClient }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: NuxeoService }, { type: AdapterService }, { type: i1.HttpClient }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
                 }] }]; } });
@@ -15709,14 +15709,14 @@ class ChartDataService {
         return { options: options, chartData: chartData };
     }
 }
-ChartDataService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ChartDataService, deps: [{ token: i1$1.TranslateService }, { token: TranslationService$1 }], target: i0.ɵɵFactoryTarget.Injectable });
+ChartDataService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ChartDataService, deps: [{ token: i1$1.TranslateService }, { token: TranslationService }], target: i0.ɵɵFactoryTarget.Injectable });
 ChartDataService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ChartDataService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ChartDataService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: TranslationService$1 }]; } });
+        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: TranslationService }]; } });
 
 /** @ignore */
 class DynamicChartComponent {
@@ -16104,7 +16104,7 @@ class DynamicChartComponent {
         return 'hsl(' + h + ', ' + s + '%, ' + l + '%)';
     }
 }
-DynamicChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicChartComponent, deps: [{ token: i1$1.TranslateService }, { token: i0.ChangeDetectorRef }, { token: CallApiService$1 }, { token: i1$2.Router }, { token: ChartDataService }], target: i0.ɵɵFactoryTarget.Component });
+DynamicChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicChartComponent, deps: [{ token: i1$1.TranslateService }, { token: i0.ChangeDetectorRef }, { token: CallApiService }, { token: i1$2.Router }, { token: ChartDataService }], target: i0.ɵɵFactoryTarget.Component });
 DynamicChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicChartComponent, selector: "cts-dynamic-chart", inputs: { prefix: "prefix", chartType: "chartType", randomColors: "randomColors", pageProvider: "pageProvider", headers: "headers", observable: "observable", aggregations: "aggregations", quickFilters: "quickFilters", systemCurrentLifeCycleState: "systemCurrentLifeCycleState", range: "range", label: "label", selectedRange: "selectedRange", tenantId: "tenantId", colors: "colors", randomColor: "randomColor", fetchedKey: "fetchedKey", pageProviderTwo: "pageProviderTwo", quickFilterTwo: "quickFilterTwo", quickFilterThree: "quickFilterThree", combinedData: "combinedData", statusOne: "statusOne", statusTwo: "statusTwo", statusThree: "statusThree", min: "min", max: "max", width: "width", height: "height", card: "card", cardTitle: "cardTitle", inputChartData: "inputChartData", isInternalActive: "isInternalActive" }, viewQueries: [{ propertyName: "chart", first: true, predicate: ["revenueLineChart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"card-continer\" *ngIf=\"card; else test\">\r\n  <div class=\"chart-card-header\">\r\n    <div class=\"chart-card-title\">{{ cardTitle | translate }}</div>\r\n    <button class=\"chart-card-button\" (click)=\"previewCorrespondences()\">\r\n      {{ \"report.Preview\" | translate }}\r\n    </button>\r\n  </div>\r\n  <ng-container *ngIf=\"isFetching\">\r\n    <cts-spinner></cts-spinner>\r\n  </ng-container>\r\n  <div class=\"stat\" [style.height.px]=\"height\">\r\n    <div [hidden]=\"data.data?.length == 0 || data.length == 0\">\r\n      <canvas #revenueLineChart [height]=\"height\" [width]=\"width\"></canvas>\r\n    </div>\r\n    <div class=\"no-stats\" *ngIf=\"data.data?.length == 0 || data.length == 0\">\r\n      <span>{{ \"STATS.noData\" | translate }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #test>\r\n  <div class=\"stat\">\r\n    <canvas #revenueLineChart [height]=\"height\" [width]=\"width\"></canvas>\r\n  </div>\r\n</ng-template>\r\n\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.no-stats{width:100%;height:100%;display:grid;place-items:center}.card-continer{background:#ffffff;border-radius:5px;width:100%;padding:16px 20px;box-shadow:0 1px 1px #00000017}.card-continer .chart-card-header{display:flex;justify-content:space-between;align-items:center}.card-continer .chart-card-header .chart-card-title{font-weight:500}.card-continer .chart-card-header .chart-card-button{all:unset;background:#3341551a;color:#465573;padding:6px 18px;border-radius:24px;font-size:16px;cursor:pointer}.card-continer .chart-card-header .chart-card-button:hover{background:#8f98aa;color:#fff}\n"], components: [{ type: SpinnerComponent, selector: "cts-spinner" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicChartComponent, decorators: [{
             type: Component,
@@ -16113,7 +16113,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     templateUrl: "./dynamic-chart.component.html",
                     styleUrls: ["./dynamic-chart.component.scss"],
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: i0.ChangeDetectorRef }, { type: CallApiService$1 }, { type: i1$2.Router }, { type: ChartDataService }]; }, propDecorators: { chart: [{
+        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: i0.ChangeDetectorRef }, { type: CallApiService }, { type: i1$2.Router }, { type: ChartDataService }]; }, propDecorators: { chart: [{
                 type: ViewChild,
                 args: ['revenueLineChart', { static: false }]
             }], prefix: [{
@@ -16741,14 +16741,14 @@ class MainfolderService {
         return null;
     }
 }
-MainfolderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MainfolderService, deps: [{ token: NuxeoService$1 }, { token: AppConfigService }, { token: UserPreferencesService$1 }], target: i0.ɵɵFactoryTarget.Injectable });
+MainfolderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MainfolderService, deps: [{ token: NuxeoService }, { token: AppConfigService }, { token: UserPreferencesService }], target: i0.ɵɵFactoryTarget.Injectable });
 MainfolderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MainfolderService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MainfolderService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: AppConfigService }, { type: UserPreferencesService$1 }]; } });
+        }], ctorParameters: function () { return [{ type: NuxeoService }, { type: AppConfigService }, { type: UserPreferencesService }]; } });
 
 class RecentlyViewedService {
     constructor(userPreference, callApiService) {
@@ -16794,14 +16794,14 @@ class RecentlyViewedService {
         });
     }
 }
-RecentlyViewedService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecentlyViewedService, deps: [{ token: UserPreferencesService$1 }, { token: CallApiService$1 }], target: i0.ɵɵFactoryTarget.Injectable });
+RecentlyViewedService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecentlyViewedService, deps: [{ token: UserPreferencesService }, { token: CallApiService }], target: i0.ɵɵFactoryTarget.Injectable });
 RecentlyViewedService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecentlyViewedService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecentlyViewedService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: UserPreferencesService$1 }, { type: CallApiService$1 }]; } });
+        }], ctorParameters: function () { return [{ type: UserPreferencesService }, { type: CallApiService }]; } });
 
 var _FileManagerService_instances, _FileManagerService_initPagination;
 class FileManagerService {
@@ -17798,17 +17798,17 @@ FileManagerService.PaginationConfig = {
     enable: false,
     pageSize: 50,
 };
-FileManagerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FileManagerService, deps: [{ token: CallApiService$1 }, { token: AdapterService }, { token: "environment" }, { token: FileManagerAdapter }, { token: AppConfigService }, { token: NuxeoService$1 }, { token: EvaluatorsService }, { token: MainfolderService }, { token: i1.HttpClient }, { token: TranslationService$1 }, { token: CustomToastrService }, { token: i1$4.MatDialog }, { token: i1$2.Router }, { token: RecentlyViewedService }], target: i0.ɵɵFactoryTarget.Injectable });
+FileManagerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FileManagerService, deps: [{ token: CallApiService }, { token: AdapterService }, { token: "environment" }, { token: FileManagerAdapter }, { token: AppConfigService }, { token: NuxeoService }, { token: EvaluatorsService }, { token: MainfolderService }, { token: i1.HttpClient }, { token: TranslationService }, { token: CustomToastrService }, { token: i1$4.MatDialog }, { token: i1$2.Router }, { token: RecentlyViewedService }], target: i0.ɵɵFactoryTarget.Injectable });
 FileManagerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FileManagerService, providedIn: "root" });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FileManagerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root",
                 }]
-        }], ctorParameters: function () { return [{ type: CallApiService$1 }, { type: AdapterService }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: CallApiService }, { type: AdapterService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ["environment"]
-                }] }, { type: FileManagerAdapter }, { type: AppConfigService }, { type: NuxeoService$1 }, { type: EvaluatorsService }, { type: MainfolderService }, { type: i1.HttpClient }, { type: TranslationService$1 }, { type: CustomToastrService }, { type: i1$4.MatDialog }, { type: i1$2.Router }, { type: RecentlyViewedService }]; } });
+                }] }, { type: FileManagerAdapter }, { type: AppConfigService }, { type: NuxeoService }, { type: EvaluatorsService }, { type: MainfolderService }, { type: i1.HttpClient }, { type: TranslationService }, { type: CustomToastrService }, { type: i1$4.MatDialog }, { type: i1$2.Router }, { type: RecentlyViewedService }]; } });
 
 class AddToCollectionComponent {
     constructor(fileManagerService, customToastrService) {
@@ -17978,14 +17978,14 @@ class UserService {
         // }
     }
 }
-UserService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UserService, deps: [{ token: UserPreferencesService$1 }, { token: CallApiService$1 }], target: i0.ɵɵFactoryTarget.Injectable });
+UserService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UserService, deps: [{ token: UserPreferencesService }, { token: CallApiService }], target: i0.ɵɵFactoryTarget.Injectable });
 UserService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UserService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UserService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: UserPreferencesService$1 }, { type: CallApiService$1 }]; } });
+        }], ctorParameters: function () { return [{ type: UserPreferencesService }, { type: CallApiService }]; } });
 
 class DisplaySuitableIconComponent {
     constructor(iconService) {
@@ -18254,7 +18254,7 @@ class ClipboardComponent {
         console.log(this.documentSelectedInClipboard);
     }
 }
-ClipboardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ClipboardComponent, deps: [{ token: FileManagerService }, { token: UserService }, { token: CustomToastrService }, { token: UserPreferencesService$1 }], target: i0.ɵɵFactoryTarget.Component });
+ClipboardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ClipboardComponent, deps: [{ token: FileManagerService }, { token: UserService }, { token: CustomToastrService }, { token: UserPreferencesService }], target: i0.ɵɵFactoryTarget.Component });
 ClipboardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ClipboardComponent, selector: "lib-clipboard", inputs: { clipboardItems: "clipboardItems", myCurrecntFolderData: "myCurrecntFolderData", preventedGroups: "preventedGroups", directory: "directory" }, outputs: { onClipboardClose: "onClipboardClose", onRefreshFolderTree: "onRefreshFolderTree" }, ngImport: i0, template: "<div class=\"clipboard-side-section relative\">\r\n\r\n    <div class=\"p-3 h-full\">\r\n        <div class=\"clipboard-header flex justify-between items-center border-b-2\">\r\n            <span class=\"flex text-gray-500 font-bold items-center\">\r\n                <span class=\"text-4xl bi bi-clipboard\"></span>\r\n                <span class=\"mx-2 text-xl\">{{'clipboard' | translate}}</span>\r\n            </span>\r\n            <mat-icon class=\"close-icon text-gray-500 cursor-pointer\" (click)=\"closeClipboard()\"\r\n                [matTooltip]=\"'BUTTONS.CLOSE' | translate\">close</mat-icon>\r\n        </div>\r\n        <!-- <div class=\"h-full font-bold d-flex justify-center items-center\" *ngIf=\"clipboardLoading\">\r\n            {{ \"loading\" | translate }}\r\n        </div> -->\r\n        <div class=\"w-full h-px bg-gray-200 mb-3\" *ngIf=\"clipboardLoading\">\r\n            <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\r\n        </div>\r\n        <div class=\"clipboard-content flex flex-col justify-between items-between\">\r\n            <div class=\"h-full flex justify-center items-center text-gray-500\"\r\n                *ngIf=\"clipboardDocments.length === 0\">{{'no_clipboard_items' | translate}}</div>\r\n\r\n            <div class=\"px-2 h-5/6 overflow-y-auto\" *ngIf=\"clipboardDocments.length > 0\">\r\n                <div class=\"border-b-2\" *ngFor=\"let document of clipboardDocments\">\r\n                    <div class=\"py-1 w-82 flex  items-center justify-between\">\r\n                        <div class=\"flex items-center w-5/6\">\r\n                            <mat-checkbox [(ngModel)]=\"document.isSelected\" (change)=\"checking()\"> </mat-checkbox>\r\n                            <div class=\"flex w-full\">\r\n                                <!-- <title-with-icon class=\"w-1/6 -my-1.5\" [context]=\"document\"\r\n                                    [showTitle]=\"false\"></title-with-icon> -->\r\n                            <app-display-suitable-icon class=\"mx-1\" [data]=\"document\" [size]=\"'40px'\"></app-display-suitable-icon>\r\n\r\n                                <!--  -->\r\n                                <div *ngIf=\"document.isFile === 'File'\"\r\n                                    class=\"justify-center flex flex-col flex-1 flex-grow-0 w-5/6\">\r\n                                    <div class=\"text-base text-gray-500 font-bold truncate\"\r\n                                        [title]=\"document.properties?.['file:content']?.['name']\"\r\n                                        [alt]=\"document.properties?.['file:content']?.['name']\">\r\n                                        {{document['title']}}\r\n                                    </div>\r\n                                    <div class=\"text-gray-500 text-sm text-nowrap\">\r\n                                        {{((document.properties?.['file:content']?.['length']) / (1024 *\r\n                                        1024)).toFixed(2) }}\r\n                                        MB\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"\r\n                                     d-flex\r\n                                     items-center\r\n                                     text-base text-gray-500\r\n                                     font-bold\r\n                                 \" *ngIf=\"document.isFile === 'Folder'\">\r\n                                    {{ document?.title }}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <span [matTooltip]=\"'BUTTONS.REMOVE_CLIPBOARD' | translate\"\r\n                            class=\"cursor-pointer w-5 h-5 rounded-full border-2 flex justify-center items-center border-gray-500 \"\r\n                            (click)=\"deletefromClipboard(document)\">\r\n                            <span class=\"text-gray-500 bi bi-x text-lg flex items-center\"></span>\r\n                        </span>\r\n                    </div>\r\n                    <div class=\"text-md text-gray-500 text-center my-2\">\r\n                        <span *ngIf=\"document.canCopyToTarget && !document.canMoveToTarget\">{{'can_copy_only' |\r\n                            translate}}</span>\r\n                        <span *ngIf=\"!document.canCopyToTarget && document.canMoveToTarget\">{{'can_move_only' |\r\n                            translate}}</span>\r\n                        <span *ngIf=\"document.canCopyToTarget && document.canMoveToTarget\">{{'can_copy_and_move' |\r\n                            translate}}</span>\r\n                        <span\r\n                            *ngIf=\"!document.canCopyToTarget && !document.canMoveToTarget\">{{'can_not_copy_and_move'\r\n                            | translate}}</span>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n            <div class=\"h-1/6 flex w-full justify-center items-center\">\r\n                <button class=\"submission-button mx-2\" [disabled]=\"!enableCopy\"\r\n                    (click)=\"copyFromInsideClipboard()\">{{'BUTTONS.COPY' | translate}}</button>\r\n                <button class=\"submission-button mx-2\" [disabled]=\"!enableMove\"\r\n                    (click)=\"moveFromInsideClipboard()\">{{'BUTTONS.MOVE' | translate}}</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"bg-transparent absolute top-0 bottom-0 left-0 right-0 \" *ngIf=\"clipboardLoading\">\r\n\r\n    </div>\r\n</div>", styles: [".clipboard-side-section{width:0px;overflow-x:hidden;height:91vh;background-color:#fff;overflow:hidden;border:1px solid lightgray;z-index:999;transition:.1s ease-in-out;border-bottom:none}.clipboard-side-section .clipboard-header{height:60px}.clipboard-side-section .clipboard-content{height:calc(100% - 60px)}\n"], components: [{ type: i2$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4$3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "mode", "value", "bufferValue"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: DisplaySuitableIconComponent, selector: "app-display-suitable-icon", inputs: ["data", "size", "dataType", "archive"] }], directives: [{ type: i2$6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "translate": i1$1.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ClipboardComponent, decorators: [{
             type: Component,
@@ -18264,7 +18264,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     styleUrls: ['./clipboard.component.scss'],
                     encapsulation: ViewEncapsulation.None
                 }]
-        }], ctorParameters: function () { return [{ type: FileManagerService }, { type: UserService }, { type: CustomToastrService }, { type: UserPreferencesService$1 }]; }, propDecorators: { onClipboardClose: [{
+        }], ctorParameters: function () { return [{ type: FileManagerService }, { type: UserService }, { type: CustomToastrService }, { type: UserPreferencesService }]; }, propDecorators: { onClipboardClose: [{
                 type: Output
             }], onRefreshFolderTree: [{
                 type: Output
@@ -18484,14 +18484,14 @@ class UploadFileService {
         ;
     }
 }
-UploadFileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UploadFileService, deps: [{ token: NuxeoService$1 }], target: i0.ɵɵFactoryTarget.Injectable });
+UploadFileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UploadFileService, deps: [{ token: NuxeoService }], target: i0.ɵɵFactoryTarget.Injectable });
 UploadFileService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UploadFileService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UploadFileService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: NuxeoService$1 }]; } });
+        }], ctorParameters: function () { return [{ type: NuxeoService }]; } });
 
 class DialogMangmentService {
     constructor(dialog) {
@@ -18724,7 +18724,7 @@ class UploadManagmentService {
         }
     }
 }
-UploadManagmentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UploadManagmentService, deps: [{ token: UploadFileService }, { token: UserService }, { token: 'environment' }, { token: NuxeoService$1 }, { token: DialogMangmentService }, { token: GlobalPdfTron }], target: i0.ɵɵFactoryTarget.Injectable });
+UploadManagmentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UploadManagmentService, deps: [{ token: UploadFileService }, { token: UserService }, { token: 'environment' }, { token: NuxeoService }, { token: DialogMangmentService }, { token: GlobalPdfTron }], target: i0.ɵɵFactoryTarget.Injectable });
 UploadManagmentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UploadManagmentService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UploadManagmentService, decorators: [{
             type: Injectable,
@@ -18734,7 +18734,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
         }], ctorParameters: function () { return [{ type: UploadFileService }, { type: UserService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
-                }] }, { type: NuxeoService$1 }, { type: DialogMangmentService }, { type: GlobalPdfTron }]; } });
+                }] }, { type: NuxeoService }, { type: DialogMangmentService }, { type: GlobalPdfTron }]; } });
 
 const moment = moment$4;
 const momentHijri = moment_;
@@ -18985,14 +18985,14 @@ class DynamicFormService {
         });
     }
 }
-DynamicFormService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFormService, deps: [{ token: NuxeoService$1 }, { token: 'environment' }, { token: AppConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
+DynamicFormService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFormService, deps: [{ token: NuxeoService }, { token: 'environment' }, { token: AppConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
 DynamicFormService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFormService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFormService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: NuxeoService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
                 }] }, { type: AppConfigService }]; } });
@@ -19141,7 +19141,7 @@ class TranslatedVocabularySelectComponent {
         this._unsubscribeAll.complete();
     }
 }
-TranslatedVocabularySelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TranslatedVocabularySelectComponent, deps: [{ token: i1$1.TranslateService }, { token: TranslationService$1 }, { token: VocabularyApiService }, { token: i6.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+TranslatedVocabularySelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TranslatedVocabularySelectComponent, deps: [{ token: i1$1.TranslateService }, { token: TranslationService }, { token: VocabularyApiService }, { token: i6.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
 TranslatedVocabularySelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TranslatedVocabularySelectComponent, selector: "app-translated-vocabulary-select", inputs: { label: "label", bindValue: "bindValue", arbBindLabel: "arbBindLabel", engBindLabel: "engBindLabel", placeholder: "placeholder", multiple: "multiple", searchable: "searchable", closeOnSelect: "closeOnSelect", hideSelectedItems: "hideSelectedItems", disabled: "disabled", clear: "clear", filter: "filter", useFilter: "useFilter", vocbularyId: "vocbularyId", mapingResponse: "mapingResponse", params: "params" }, outputs: { onSelectItems: "onSelectItems" }, viewQueries: [{ propertyName: "ngSelectComponent", first: true, predicate: NgSelectComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"translated-vocbulary-wrapper\" [ngClass]=\"{'rtl-translated-vocbulary-wrapper' : isArabic === true}\">\r\n        <div class=\"vocabulary-title text-base font-bold text-accent-900 mb-0\">\r\n            {{label | translate}}\r\n            <span *ngIf=\"isRequired()\" class=\"required-flage\">*</span>\r\n        </div>\r\n        <ng-select\r\n            [bindLabel]=\"bindLabel\"\r\n            [bindValue]=\"bindValue\"\r\n            [placeholder]=\"placeholder\"\r\n            [multiple]=\"multiple\"\r\n            [clearable]=\"clear\"\r\n            [searchable]=\"searchable\"\r\n            [closeOnSelect]=\"closeOnSelect\"\r\n            [hideSelected]=\"hideSelectedItems\"\r\n            [loading]=\"loading\"\r\n            (scrollToEnd)=\"onScrollToEnd()\"\r\n            (change)=\"emitSelection($event)\"\r\n            [disabled]=\"disabled\"\r\n            [(ngModel)]=\"selection\"\r\n        >\r\n        <ng-option *ngFor=\"let option of buffer\" [value]=\"option[bindValue]\">{{isArabic ? option[bindLabel] : option[bindLabel]}}</ng-option>\r\n        </ng-select>\r\n</div>\r\n", styles: [".translated-vocbulary-wrapper .vocabulary-title .required-flage{color:#ef4444}.rtl-translated-vocbulary-wrapper{direction:rtl}\n"], components: [{ type: i5.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: i5.ɵr, selector: "ng-option", inputs: ["disabled", "value"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i1$1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TranslatedVocabularySelectComponent, decorators: [{
             type: Component,
@@ -19150,7 +19150,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     templateUrl: './translated-vocabulary-select.component.html',
                     styleUrls: ['./translated-vocabulary-select.component.scss'],
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: TranslationService$1 }, { type: VocabularyApiService }, { type: i6.NgControl, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: TranslationService }, { type: VocabularyApiService }, { type: i6.NgControl, decorators: [{
                     type: Self
                 }, {
                     type: Optional
@@ -19395,7 +19395,7 @@ class AttachmentItemComponent {
         this.translationSubscription ? this.translationSubscription.unsubscribe() : null;
     }
 }
-AttachmentItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AttachmentItemComponent, deps: [{ token: TranslationService$1 }], target: i0.ɵɵFactoryTarget.Component });
+AttachmentItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AttachmentItemComponent, deps: [{ token: TranslationService }], target: i0.ɵɵFactoryTarget.Component });
 AttachmentItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AttachmentItemComponent, selector: "app-attachment-item", inputs: { item: "item", type: "type", showRemoveButton: "showRemoveButton", source: "source", personImageLink: "personImageLink" }, outputs: { onRemovingItem: "onRemovingItem" }, ngImport: i0, template: "<ng-container *ngIf=\"source != 'faceRecognition'\">\r\n    <div SetRtl class=\"p-2 w-72 h-15 relative border-2 flex items-center text-lg cursor-pointer hover:bg-primary-100\" \r\n    [ngClass]=\"{'border-gray-200': item.progress === undefined , \r\n    'border-primary-300': (item.progress === 'done' && item['generalValidationValid'] !== false) , \r\n    'border-red-500': (item.progress === 'error' || item['generalValidationValid'] === false) }\">\r\n        <mat-icon class=\"cursor-pointer  top-1  absolute text-gray-900 text-xl\" \r\n        [ngClass]=\"{'left-1' : isArabic , 'right-1' : !isArabic}\" (click)=\"removeItem()\" \r\n        *ngIf=\"showRemoveButton\">close</mat-icon>\r\n        <span class=\"my-icon-wrap\">\r\n            <app-display-suitable-icon [data]=\"item\" [dataType]=\"'file'\"></app-display-suitable-icon>\r\n        </span>\r\n        <div class=\"file-title mx-2 whitespace-nowrap overflow-hidden overflow-ellipsis text-lg\" matTooltip=\"{{item.batch.title ? item.batch.title : item.title}}\" *ngIf=\"type === 'batch'\">{{item.batch.title ? item.batch.title : item.title}}</div>\r\n        <div class=\"file-title mx-2 whitespace-nowrap overflow-hidden overflow-ellipsis text-lg\" matTooltip=\"{{item.name}}\" *ngIf=\"type === 'file'\">{{item.name}}</div>\r\n        <div class=\"viewer-loader absolute bottom-0 w-11/12\">\r\n            <mat-progress-bar *ngIf=\"item.progress === 'inProgress'\" mode=\"indeterminate\"></mat-progress-bar>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"source == 'faceRecognition'\">\r\n    <div class=\"w-52 h-52 relative border flex flex-col items-center cursor-pointer hover:bg-primary-100\" \r\n    [ngClass]=\"{'border-gray-200': item.progress === undefined, 'border-primary-300': item.progress === 'done', 'border-red-500': item.progress === 'error'}\">\r\n        \r\n        <div class=\"flex items-center justify-center opacity-70 cursor-pointer bg-accent-100 rounded-full top-1  absolute text-gray-900 text-xl\" \r\n        [ngClass]=\"{'left-1' : isArabic , 'right-1' : !isArabic}\" (click)=\"removeItem()\">\r\n            <mat-icon class=\"icon-size-5\">close</mat-icon>\r\n        </div>\r\n        <span class=\"h-3/4 w-full\">\r\n            <img [src]=\"personImageLink || './assets/images/Photos/loadingImg.png'\" class=\"w-full h-full\" alt=\"personPhoto\">\r\n        </span>\r\n        <div class=\"w-full h-1/4 overflow-hidden text-lg\" [ngClass]=\"{'shortTitle': item.name.length < 25,'longTitle': item.name.length > 25}\">{{item.name}}</div>\r\n        <div class=\"viewer-loader absolute bottom-0 w-full\">\r\n            <mat-progress-bar *ngIf=\"item.progress === 'inProgress'\" mode=\"indeterminate\"></mat-progress-bar>\r\n        </div>\r\n    </div>\r\n</ng-container>", styles: [".my-icon-wrap{width:40px;height:40px}.file-title{width:calc(100% - 60px)}.shortTitle{display:flex;align-items:center;justify-content:center;text-overflow:ellipsis}.longTitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center}\n"], components: [{ type: i2$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: DisplaySuitableIconComponent, selector: "app-display-suitable-icon", inputs: ["data", "size", "dataType", "archive"] }, { type: i4$3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "mode", "value", "bufferValue"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: SetRtlDirective, selector: "[SetRtl]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2$6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AttachmentItemComponent, decorators: [{
             type: Component,
@@ -19404,7 +19404,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     templateUrl: './attachment-item.component.html',
                     styleUrls: ['./attachment-item.component.scss']
                 }]
-        }], ctorParameters: function () { return [{ type: TranslationService$1 }]; }, propDecorators: { item: [{
+        }], ctorParameters: function () { return [{ type: TranslationService }]; }, propDecorators: { item: [{
                 type: Input
             }], type: [{
                 type: Input
@@ -20007,7 +20007,7 @@ class CreateModalComponent {
         this.agencyCategCodeSubscription ? this.agencyCategCodeSubscription.unsubscribe() : '';
     }
 }
-CreateModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CreateModalComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$4.MatDialogRef }, { token: UploadManagmentService }, { token: DialogMangmentService }, { token: FileManagerService }, { token: CustomToastrService }, { token: i6.FormBuilder }, { token: AdapterService }, { token: FileManagerService }, { token: AppConfigService }, { token: DateHelperService }, { token: TranslationService$1 }, { token: UserService }, { token: NuxeoService$1 }, { token: 'environment' }, { token: DynamicFormService }], target: i0.ɵɵFactoryTarget.Component });
+CreateModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CreateModalComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$4.MatDialogRef }, { token: UploadManagmentService }, { token: DialogMangmentService }, { token: FileManagerService }, { token: CustomToastrService }, { token: i6.FormBuilder }, { token: AdapterService }, { token: FileManagerService }, { token: AppConfigService }, { token: DateHelperService }, { token: TranslationService }, { token: UserService }, { token: NuxeoService }, { token: 'environment' }, { token: DynamicFormService }], target: i0.ɵɵFactoryTarget.Component });
 CreateModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CreateModalComponent, selector: "app-create-modal", host: { listeners: { "document:keyup.enter": "KeyUpEvent($event)" } }, ngImport: i0, template: "<div class=\"relative w-full h-full\">\r\n    <div class=\"iner-wrapper\" [ngClass]=\"{ 'd-flex': addingProperties }\">\r\n        <div *ngIf=\"addingProperties\" class=\"properties-section p-3 overflow-x-hidden overflow-y-auto\">\r\n            <div class=\"\" *ngIf=\"selectedFile && source === 'fileManger' && showStaticForm\">\r\n                <div class=\"mb-5\">\r\n                    <div class=\"label-style\">\r\n                        {{ \"CREATE.FILE_TYPE\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-base text-gray-900\">{{ isArabic ? fileType.arabicText : fileType.englishText }}\r\n                    </div>\r\n                </div>\r\n                <div class=\"file-fields mt-3\" SetRtl>\r\n                    <form [formGroup]=\"fileForm\">\r\n                        <!-- -----------------old static form ---------------------- -->\r\n                        <div>\r\n                            <div class=\"single-field mb-3\">\r\n                                <div class=\"label-style\">\r\n                                    {{ \"CREATE.TITLE\" | translate\r\n                                    }}<span class=\"text-red-500\">*</span>\r\n                                </div>\r\n                                <input class=\"\r\n                                 field-style\r\n                                     \" formControlName=\"title\" placeholder=\" {{ 'CREATE.TITLE' | translate}}\" />\r\n                            </div>\r\n                            <div class=\"single-field mb-3\">\r\n                                <div class=\"label-style\">\r\n                                    {{ \"CREATE.DESCRIPTION\" | translate }}\r\n                                </div>\r\n                                <input class=\"field-style\" formControlName=\"description\"\r\n                                    placeholder=\" {{ 'CREATE.DESCRIPTION' | translate}}\" />\r\n                            </div>\r\n                        </div>\r\n                        <!-- ---------------------------------- -->\r\n\r\n                        <!------------------ new statis form  ---------------------------->\r\n                        <div *ngIf=\"usingExtraFields\">\r\n                            <app-dynamic-fields-renderer [form]=\"fileForm\" [agencyNameFilter]=\"agencyNameFilter\"\r\n                                [countryNameFilter]=\"countryNameFilter\"></app-dynamic-fields-renderer>\r\n                        </div>\r\n                    </form>\r\n\r\n                    <div class=\"dynamic-part\" *ngIf=\"showRenderer\">\r\n                        <app-dynamic-form [form]=\"selectedFile.dynamicForm\" [data]=\"temporaryDyanmicData\"\r\n                            (change)=\"ondynamicFormChange($event)\"></app-dynamic-form>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"\r\n                    w-full\r\n                    h-full\r\n                    p-3\r\n                    flex\r\n                    justify-center\r\n                    items-center\r\n                    text-lg text-gray-900\"\r\n                    *ngIf=\"!selectedFile\">\r\n                {{ \"CREATE.SELECT_TOSTART_ADDING\" | translate }}\r\n            </div>\r\n            \r\n        </div>\r\n        <div class=\"attachment-tab-body overflow-hidden\" [ngClass]=\"{ 'attachment-iner-small-body': addingProperties }\">\r\n            <app-attachments [multiple]=\"true\" (onSelectingItem)=\"selectFile($event)\"></app-attachments>\r\n        </div>\r\n    </div>\r\n    <div class=\"w-full text-red-500 text-base text-start px-3\" *ngIf=\"!uploadMangmentService.GeneralFormValidation\">\r\n\r\n        {{ \"CREATE.FILL_REQUIRED_FIELD\" | translate }}\r\n    </div>\r\n    <div class=\"actions-iner-wrapper w-full flex justify-between items-center absolute bottom-0\">\r\n        <div class=\"flex\">\r\n            <button *ngIf=\"\r\n                    (uploadMangmentService.uploadedFilesStatus\r\n                        .uploadInProgress ||\r\n                        uploadMangmentService.uploadedFilesStatus.uploadedFiles\r\n                            .length > 0) &&\r\n                    !addingProperties\r\n                \" (click)=\"startAddingProperties()\" class=\"submission-button\">\r\n                {{ \"BUTTONS.ADD_PROPERTIES\" | translate }}\r\n            </button>\r\n            <button *ngIf=\"\r\n                    addingProperties &&\r\n                    uploadMangmentService.uploadedFilesStatus.uploadedFiles\r\n                        .length +\r\n                        uploadMangmentService.uploadedFilesStatus.allfiles\r\n                            .length >\r\n                        1\r\n                \" (click)=\"ApplyChangesToAll()\" [disabled]=\"!selectedFile || !selectedFile.staticFormValid\" [ngClass]=\"{\r\n                    'opacity-30 cursor-not-allowed':\r\n                        !selectedFile || !selectedFile.staticFormValid,\r\n                    'cursor-pointer hover:text-white hover:bg-gray-900': !(\r\n                        !selectedFile || !selectedFile.staticFormValid\r\n                    )\r\n                }\" class=\"submission-button mx-2\">\r\n                {{ \"BUTTONS.APPLY_TO_ALL\" | translate }}\r\n            </button>\r\n\r\n            <ng-container *ngIf=\"\r\n            addingProperties &&\r\n            !uploadMangmentService.uploadedFilesStatus.uploadInProgress &&\r\n            uploadMangmentService.failedFiles.length === 0\r\n        \">\r\n                <button (click)=\"createDocument()\" class=\"submission-button relative\" [disabled]=\"creating\">\r\n                    <span *ngIf=\"!creating; else loader\">{{ \"BUTTONS.CREATE\" | translate }}</span>\r\n                </button>\r\n                <ng-template #loader>\r\n                    <mat-spinner [value]=\"90\" [strokeWidth]=\"3\" overlay=\"true\" [diameter]=\"25\" color=\"warn\">\r\n                    </mat-spinner>\r\n                </ng-template>\r\n            </ng-container>\r\n\r\n            <button *ngIf=\"\r\n            addingProperties &&\r\n            !uploadMangmentService.uploadedFilesStatus.uploadInProgress &&\r\n            uploadMangmentService.failedFiles.length > 0\r\n        \" (click)=\"tryAgainCreateDocument()\" class=\"submission-button\">\r\n                {{ \"BUTTONS.TRY_AGAIN\" | translate }}\r\n            </button>\r\n\r\n            <button [disabled]=\"!fileForm?.valid || disableCreateWhenFinishBtn\" *ngIf=\"\r\n                    addingProperties &&\r\n                    uploadMangmentService.uploadedFilesStatus.uploadInProgress\r\n                \" (click)=\"createWhenFinish()\" class=\"submission-button w-44\">\r\n                {{ \"BUTTONS.CREATE_WHEN_FINSH\" | translate }}\r\n            </button>\r\n        </div>\r\n        <div class=\"flex\">\r\n            <button class=\"cancelation-button mx-2\" (click)=\"minimizDialog()\" *ngIf=\"\r\n                    uploadMangmentService.uploadedFilesStatus\r\n                        .uploadInProgress ||\r\n                    uploadMangmentService.uploadedFilesStatus\r\n                        .numberOfUploadedFiles !== 0 ||\r\n                    addingProperties\r\n                \">\r\n                {{ \"BUTTONS.MINIMIZED\" | translate }}\r\n            </button>\r\n            <button class=\"cancelation-button\" (click)=\"closeDialog()\">\r\n                {{ \"BUTTONS.CANCEL\" | translate }}\r\n            </button>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".dynamic-part{margin-left:-15px;margin-right:-15px}.iner-wrapper{height:calc(100% - 70px)}.iner-wrapper .properties-section{width:calc(100% - 270px);height:calc(100% - 15px)}.iner-wrapper .attachment-tab-body{height:calc(100% - -20px);overflow-y:auto;overflow-x:hidden}.iner-wrapper .attachment-iner-small-body{width:350px}.rtl .actions-iner-wrapper{direction:ltr}.actions-iner-wrapper{direction:rtl}\n"], components: [{ type: DynamicFieldsRendererComponent, selector: "app-dynamic-fields-renderer", inputs: ["form", "agencyNameFilter", "countryNameFilter", "mode", "fields"] }, { type: DynamicFormComponent, selector: "app-dynamic-form", inputs: ["form", "data", "readOnly"], outputs: ["change"] }, { type: AttachmentsComponent, selector: "app-attachments", inputs: ["allowedTypes", "params", "path", "maxSize", "docParams", "multiple", "createDocument", "allowedMaxNumberOfFiles", "source"], outputs: ["uploadSuccess", "uploadError", "onSelectingItem", "itemRemoved"] }, { type: i8.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: SetRtlDirective, selector: "[SetRtl]" }, { type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "translate": i1$1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CreateModalComponent, decorators: [{
             type: Component,
@@ -20019,7 +20019,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
-                }] }, { type: i1$4.MatDialogRef }, { type: UploadManagmentService }, { type: DialogMangmentService }, { type: FileManagerService }, { type: CustomToastrService }, { type: i6.FormBuilder }, { type: AdapterService }, { type: FileManagerService }, { type: AppConfigService }, { type: DateHelperService }, { type: TranslationService$1 }, { type: UserService }, { type: NuxeoService$1 }, { type: undefined, decorators: [{
+                }] }, { type: i1$4.MatDialogRef }, { type: UploadManagmentService }, { type: DialogMangmentService }, { type: FileManagerService }, { type: CustomToastrService }, { type: i6.FormBuilder }, { type: AdapterService }, { type: FileManagerService }, { type: AppConfigService }, { type: DateHelperService }, { type: TranslationService }, { type: UserService }, { type: NuxeoService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
                 }] }, { type: DynamicFormService }]; }, propDecorators: { KeyUpEvent: [{
@@ -20207,7 +20207,7 @@ class FolderModalComponent {
         //console.log(data);
     }
 }
-FolderModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FolderModalComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$4.MatDialogRef }, { token: FileManagerService }, { token: DynamicFormService }, { token: TranslationService$1 }, { token: CustomToastrService }, { token: i6.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+FolderModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FolderModalComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$4.MatDialogRef }, { token: FileManagerService }, { token: DynamicFormService }, { token: TranslationService }, { token: CustomToastrService }, { token: i6.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
 FolderModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FolderModalComponent, selector: "app-folder-modal", host: { listeners: { "document:keyup.enter": "KeyUpEvent($event)" } }, viewQueries: [{ propertyName: "folderForm", first: true, predicate: ["folderForm"], descendants: true }], ngImport: i0, template: "<div class=\"create-folder-modal d-flex justify-center w-full relative h-full\">\r\n    <div class=\"folder-wrapper\" SetRtl>\r\n      <div class=\"mb-5\">\r\n        <div class=\"label-style\">\r\n          {{ \"FOLDERS.TYPE\" | translate }}\r\n        </div>\r\n        <div class=\"text-base text-gray-900\">\r\n          {{ isArabic ? folderType.arabicText : folderType.englishText }}\r\n        </div>\r\n      </div>\r\n      <form #folderForm=\"ngForm\">\r\n        <div class=\"mb-3\">\r\n          <div class=\"label-style\">\r\n            {{ \"FOLDERS.TITLE\" | translate }}\r\n          </div>\r\n          <input\r\n            class=\"field-style\"\r\n            [ngClass]=\"{ 'border-red-500': staticForm.title === '..' }\"\r\n            required\r\n            [(ngModel)]=\"staticForm.title\"\r\n            id=\"folderTitle\"\r\n            name=\"folderTitle\"\r\n          />\r\n          <div class=\"text-red-500 text-base\" *ngIf=\"staticForm.title === '..'\">\r\n            Invalid Folder Title\r\n          </div>\r\n        </div>\r\n        <div class=\"mb-3\">\r\n          <div class=\"label-style\">\r\n            {{ \"FOLDERS.DESCRIPTION\" | translate }}\r\n          </div>\r\n          <input\r\n            class=\"field-style\"\r\n            [(ngModel)]=\"staticForm.description\"\r\n            id=\"folderDescription\"\r\n            name=\"folderDescription\"\r\n          />\r\n        </div>\r\n      </form>\r\n  \r\n      <div class=\"dynamic-part -mx-4\" *ngIf=\"dynamicForm && showRenderer\">\r\n        <app-dynamic-form\r\n          [form]=\"dynamicForm\"\r\n          [data]=\"temporaryDyanmicData\"\r\n          (change)=\"ondynamicFormChange($event)\"\r\n        ></app-dynamic-form>\r\n      </div>\r\n    </div>\r\n    <!--  -->\r\n    <!-- actions and buttons  -->\r\n    <div\r\n      class=\"w-full d-flex justify-between absolute bottom-0 actionsBtnWrapper\"\r\n    >\r\n      <ng-container *ngIf=\"!creating\">\r\n        <button\r\n          (click)=\"createDocument()\"\r\n          [disabled]=\"\r\n            !dynamicData.valid || folderForm.invalid || staticForm.title === '..'\r\n          \"\r\n          [ngClass]=\"{\r\n            'opacity-30 cursor-not-allowed':\r\n              !dynamicData.valid ||\r\n              folderForm.invalid ||\r\n              staticForm.title === '..'\r\n          }\"\r\n          class=\"submission-button\"\r\n        >\r\n          {{ \"BUTTONS.CREATE\" | translate }}\r\n        </button>\r\n      </ng-container>\r\n      <span class=\"submission-button\" *ngIf=\"creating\">\r\n        <mat-spinner\r\n          [value]=\"90\"\r\n          [strokeWidth]=\"3\"\r\n          overlay=\"true\"\r\n          [diameter]=\"25\"\r\n          color=\"warn\"\r\n        >\r\n        </mat-spinner>\r\n      </span>\r\n  \r\n      <button class=\"cancelation-button\" (click)=\"closeDialog()\">\r\n        {{ \"BUTTONS.CANCEL\" | translate }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n  ", styles: [".folder-wrapper{height:calc(100% - 50px);overflow-y:auto;overflow-x:hidden;padding:0 10px;width:100%}.rtl .actionsBtnWrapper{direction:ltr}.actionsBtnWrapper{direction:rtl}\n"], components: [{ type: DynamicFormComponent, selector: "app-dynamic-form", inputs: ["form", "data", "readOnly"], outputs: ["change"] }, { type: i8.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: SetRtlDirective, selector: "[SetRtl]" }, { type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FolderModalComponent, decorators: [{
             type: Component,
@@ -20219,7 +20219,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
-                }] }, { type: i1$4.MatDialogRef }, { type: FileManagerService }, { type: DynamicFormService }, { type: TranslationService$1 }, { type: CustomToastrService }, { type: i6.FormBuilder }]; }, propDecorators: { folderForm: [{
+                }] }, { type: i1$4.MatDialogRef }, { type: FileManagerService }, { type: DynamicFormService }, { type: TranslationService }, { type: CustomToastrService }, { type: i6.FormBuilder }]; }, propDecorators: { folderForm: [{
                 type: ViewChild,
                 args: ['folderForm']
             }], KeyUpEvent: [{
@@ -20579,17 +20579,17 @@ class PublishingDocumentService {
             .execute());
     }
 }
-PublishingDocumentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PublishingDocumentService, deps: [{ token: NuxeoService$1 }, { token: 'environment' }, { token: CallApiService$1 }], target: i0.ɵɵFactoryTarget.Injectable });
+PublishingDocumentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PublishingDocumentService, deps: [{ token: NuxeoService }, { token: 'environment' }, { token: CallApiService }], target: i0.ɵɵFactoryTarget.Injectable });
 PublishingDocumentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PublishingDocumentService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PublishingDocumentService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: NuxeoService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
-                }] }, { type: CallApiService$1 }]; } });
+                }] }, { type: CallApiService }]; } });
 
 class PublishDialogComponent {
     constructor(publishing, dialogRef, data, tosterService, translate) {
@@ -21073,7 +21073,7 @@ class ScanModalComponent {
         this.fileFormSubscription ? this.fileFormSubscription.unsubscribe() : null;
     }
 }
-ScanModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ScanModalComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$4.MatDialogRef }, { token: UploadManagmentService }, { token: DialogMangmentService }, { token: FileManagerService }, { token: CustomToastrService }, { token: i6.FormBuilder }, { token: DynamicFormService }, { token: DateHelperService }, { token: AdapterService }, { token: TranslationService$1 }, { token: NuxeoService$1 }, { token: UserService }, { token: AppConfigService }, { token: 'environment' }, { token: DocumentScanService }], target: i0.ɵɵFactoryTarget.Component });
+ScanModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ScanModalComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$4.MatDialogRef }, { token: UploadManagmentService }, { token: DialogMangmentService }, { token: FileManagerService }, { token: CustomToastrService }, { token: i6.FormBuilder }, { token: DynamicFormService }, { token: DateHelperService }, { token: AdapterService }, { token: TranslationService }, { token: NuxeoService }, { token: UserService }, { token: AppConfigService }, { token: 'environment' }, { token: DocumentScanService }], target: i0.ɵɵFactoryTarget.Component });
 ScanModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ScanModalComponent, selector: "app-scan-modal", ngImport: i0, template: "<div class=\"scanner-modal-body relative h-full\">\r\n    <!--  -->\r\n    <!-- tabs -->\r\n    <div\r\n        class=\"scanner-tabs d-flex justify-around items-center border-b-2 border-gray-200 mb-5 text-gray-900 text-lg\"\r\n    >\r\n        <div\r\n            class=\"scanner-single-tab cursor-pointer w-1/2 text-center py-2 border-gray-900 hover:bg-gray-100\"\r\n            (click)=\"changTabTo('scan')\"\r\n            [ngClass]=\"{ 'font-bold border-b-4': activeTab === 'scan' }\"\r\n        >\r\n            {{\"CREATE.SCAN\" | translate}}\r\n        </div>\r\n        <div\r\n            class=\"scanner-single-tab cursor-pointer w-1/2 text-center py-2 border-gray-900 hover:bg-gray-100\"\r\n            (click)=\"changTabTo('form')\"\r\n            [ngClass]=\"{ 'font-bold border-b-4': activeTab === 'form' }\"\r\n        >\r\n        {{\"CREATE.DETAILS\" | translate}}\r\n        </div>\r\n    </div>\r\n    <div class=\"tabs-body-wrapper\">\r\n        <!-- uploader indicator loading -->\r\n        <div\r\n            class=\"upload-loader mx-2\"\r\n            *ngIf=\"uploadMangmentService.uploadedFilesStatus.uploadInProgress\"\r\n        >\r\n            <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\r\n        </div>\r\n\r\n        <!-- scanner -->\r\n        <div class=\"\" [ngClass]=\"{ 'd-none': activeTab === 'form' }\">\r\n            <app-document-scan\r\n                [hideUploadButton]=\"true\"\r\n                [useStoredFile]=\"true\"\r\n            ></app-document-scan>\r\n        </div>\r\n\r\n        <!-- forms and properties  -->\r\n        <div\r\n            class=\"forms-section\"\r\n            [ngClass]=\"{ 'd-none': activeTab === 'scan' }\"\r\n        >\r\n            <div class=\"w-2/3\">\r\n                <div class=\"mb-5\">\r\n                    <div class=\"label-style\">\r\n                        {{ \"CREATE.FILE_TYPE\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-base text-gray-900\">\r\n                        {{ isArabic ?  fileType.arabicText : fileType.englishText }}\r\n                    </div>\r\n                </div>\r\n                <div class=\"file-fields mt-3\" SetRtl>\r\n                    <form [formGroup]=\"fileForm\" *ngIf=\"fileForm\">\r\n                        <div class=\"single-field mb-3\">\r\n                            <div class=\"label-style\">\r\n                                {{ \"CREATE.TITLE\" | translate\r\n                                }}<span class=\"text-red-500\">*</span>\r\n                            </div>\r\n                            <input\r\n                                class=\"field-style\"\r\n                                formControlName=\"title\"\r\n                                placeholder=\" {{ 'CREATE.TITLE' | translate }}\"\r\n                            />\r\n                        </div>\r\n                        <div class=\"single-field mb-3\">\r\n                            <div class=\"label-style\">\r\n                                {{ \"CREATE.DESCRIPTION\" | translate }}\r\n                            </div>\r\n                            <input\r\n                                class=\"field-style\"\r\n                                formControlName=\"description\"\r\n                                placeholder=\" {{\r\n                                    'CREATE.DESCRIPTION' | translate\r\n                                }}\"\r\n                            />\r\n                        </div>\r\n\r\n                        <!------------------ new statis form  ---------------------------->\r\n                        <div *ngIf=\"usingExtraFields\">\r\n                            \r\n                            <app-dynamic-fields-renderer [form]=\"fileForm\" [agencyNameFilter]=\"agencyNameFilter\" [countryNameFilter]=\"countryNameFilter\"></app-dynamic-fields-renderer>\r\n\r\n                            <!-- <div class=\"single-field mb-3\">\r\n                                <div class=\"label-style\">\r\n                                    {{ \"CREATE.DOCUMENT_SUBJECT\" | translate\r\n                                    }}<span class=\"text-red-500\">*</span>\r\n                                </div>\r\n                                <input\r\n                                    class=\"field-style\"\r\n                                    formControlName=\"subject\"\r\n                                    placeholder=\" {{\r\n                                        'CREATE.DOCUMENT_SUBJECT' | translate\r\n                                    }}\"\r\n                                />\r\n                            </div>\r\n                            <div class=\"single-field mb-3\">\r\n                                <div class=\"label-style\">\r\n                                    {{ \"CREATE.DOCUMENT_NUMBER\" | translate }}\r\n                                </div>\r\n                                <input\r\n                                    class=\"field-style\"\r\n                                    formControlName=\"documentNumber\"\r\n                                    placeholder=\" {{\r\n                                        'CREATE.DOCUMENT_NUMBER' | translate\r\n                                    }}\"\r\n                                />\r\n                            </div>\r\n                            <div class=\"single-field mb-3\">\r\n                                <cts-dynamic-form-hijri-dateitem\r\n                                    formControlName=\"gdocumentDate\"\r\n                                    label=\"CREATE.DOCUMENT_DATE\"\r\n                                >\r\n                                </cts-dynamic-form-hijri-dateitem>\r\n                            </div>\r\n                            <div class=\"single-field mb-3\">\r\n                                <app-dynamic-form-vocabulary-item\r\n                                    [label]=\"'CREATE.SCRECY_LEVEL'\"\r\n                                    [bindLabel]=\"'label'\"\r\n                                    [bindValue]=\"'id'\"\r\n                                    placeholder=\"{{\r\n                                        'VOCABULARY.SELECT_ITEM' | translate\r\n                                    }}\"\r\n                                    [multiple]=\"false\"\r\n                                    [searchable]=\"false\"\r\n                                    [closeOnSelect]=\"true\"\r\n                                    [hideSelectedItems]=\"false\"\r\n                                    [vocabularyType]=\"'VOC_SecrecyLevel'\"\r\n                                    formControlName=\"secrecyLevel\"\r\n                                >\r\n                                </app-dynamic-form-vocabulary-item>\r\n                            </div>\r\n                            <div class=\"single-field mb-3\">\r\n                                <app-dynamic-form-vocabulary-item\r\n                                    [label]=\"'CREATE.IMPORTANCE_LEVEL'\"\r\n                                    [bindLabel]=\"'label'\"\r\n                                    [bindValue]=\"'id'\"\r\n                                    placeholder=\"{{\r\n                                        'VOCABULARY.SELECT_ITEM' | translate\r\n                                    }}\"\r\n                                    [multiple]=\"false\"\r\n                                    [searchable]=\"false\"\r\n                                    [closeOnSelect]=\"true\"\r\n                                    [hideSelectedItems]=\"false\"\r\n                                    [vocabularyType]=\"'VOC_Importance'\"\r\n                                    formControlName=\"importanceLevel\"\r\n                                >\r\n                                </app-dynamic-form-vocabulary-item>\r\n                            </div>\r\n\r\n                            <div class=\"single-field mb-3\">\r\n                                <div class=\"label-style\">\r\n                                    {{ \"CREATE.DEPARTMENT_CODE\" | translate }}\r\n                                </div>\r\n                                <app-dynamic-form-department\r\n                                    formControlName=\"departmentCode\"\r\n                                    [placeholder]=\"'please select department'\"\r\n                                    [pp_departmentNestedTree]=\"\r\n                                        'PP_OS_Departments'\r\n                                    \"\r\n                                    [pp_departmentTree]=\"'PP_OS_Departments'\"\r\n                                    [customPrefix]=\"'osdept'\"\r\n                                    [customParentProperty]=\"\r\n                                        'osdepartment_parentDepartmentCode'\r\n                                    \"\r\n                                    [useCustomAddEditAction]=\"true\"\r\n                                >\r\n                                </app-dynamic-form-department>\r\n                            </div>\r\n\r\n                            <div class=\"single-field mb-3\">\r\n                                <app-translated-vocabulary-select\r\n                                    [label]=\"'CREATE.AGENCY_CATEGORY_CODE'\"\r\n                                    [arbBindLabel]=\"'label_ar'\"\r\n                                    [engBindLabel]=\"'label_en'\"\r\n                                    [bindValue]=\"'id'\"\r\n                                    placeholder=\"{{\r\n                                        'VOCABULARY.SELECT_ITEM' | translate\r\n                                    }}\"\r\n                                    [multiple]=\"false\"\r\n                                    [searchable]=\"true\"\r\n                                    [closeOnSelect]=\"true\"\r\n                                    [hideSelectedItems]=\"false\"\r\n                                    formControlName=\"agencyCategoryCode\"\r\n                                    [vocbularyId]=\"'VOC_AgencyCategory'\"\r\n                                    [useFilter]=\"false\"\r\n                                >\r\n                                </app-translated-vocabulary-select>\r\n                            </div>\r\n\r\n                            <div class=\"single-field mb-3\">\r\n                                <app-translated-vocabulary-select\r\n                                    [label]=\"'CREATE.AGENCY_NAME'\"\r\n                                    [arbBindLabel]=\"'label_ar'\"\r\n                                    [engBindLabel]=\"'label_en'\"\r\n                                    [bindValue]=\"'id'\"\r\n                                    placeholder=\"{{\r\n                                        'VOCABULARY.SELECT_ITEM' | translate\r\n                                    }}\"\r\n                                    [multiple]=\"false\"\r\n                                    [searchable]=\"true\"\r\n                                    [closeOnSelect]=\"true\"\r\n                                    [hideSelectedItems]=\"false\"\r\n                                    formControlName=\"agencyName\"\r\n                                    [vocbularyId]=\"'VOC_Agency'\"\r\n                                    [filter]=\"agencyNameFilter\"\r\n                                    [useFilter]=\"true\"\r\n                                >\r\n                                </app-translated-vocabulary-select>\r\n                            </div>\r\n\r\n                            <div class=\"single-field mb-3\">\r\n                                <app-translated-vocabulary-select\r\n                                    [label]=\"'CREATE.COUNTRY_CATEGORY_CODE'\"\r\n                                    [arbBindLabel]=\"'label_ar'\"\r\n                                    [engBindLabel]=\"'label_en'\"\r\n                                    [bindValue]=\"'id'\"\r\n                                    placeholder=\"{{\r\n                                        'VOCABULARY.SELECT_ITEM' | translate\r\n                                    }}\"\r\n                                    [multiple]=\"false\"\r\n                                    [searchable]=\"true\"\r\n                                    [closeOnSelect]=\"true\"\r\n                                    [hideSelectedItems]=\"false\"\r\n                                    formControlName=\"countryCategoryCode\"\r\n                                    [vocbularyId]=\"'VOC_CountryCategory'\"\r\n                                    [useFilter]=\"false\"\r\n                                >\r\n                                </app-translated-vocabulary-select>\r\n                            </div>\r\n\r\n                            <div class=\"single-field mb-3\">\r\n                                <app-translated-vocabulary-select\r\n                                    [label]=\"'CREATE.COUNTRY_NAME'\"\r\n                                    [arbBindLabel]=\"'label_ar'\"\r\n                                    [engBindLabel]=\"'label_en'\"\r\n                                    [bindValue]=\"'id'\"\r\n                                    placeholder=\"{{\r\n                                        'VOCABULARY.SELECT_ITEM' | translate\r\n                                    }}\"\r\n                                    [multiple]=\"false\"\r\n                                    [searchable]=\"true\"\r\n                                    [closeOnSelect]=\"true\"\r\n                                    [hideSelectedItems]=\"false\"\r\n                                    formControlName=\"countryName\"\r\n                                    [vocbularyId]=\"'VOC_Country'\"\r\n                                    [filter]=\"countryNameFilter\"\r\n                                    [useFilter]=\"true\"\r\n                                >\r\n                                </app-translated-vocabulary-select>\r\n                            </div>\r\n\r\n                            <div class=\"single-field mb-3\">\r\n                                <div class=\"label-style\">\r\n                                    {{ \"CREATE.REMARKS\" | translate }}\r\n                                </div>\r\n                                <input\r\n                                    class=\"field-style\"\r\n                                    formControlName=\"remarks\"\r\n                                    placeholder=\" {{\r\n                                        'CREATE.REMARKS' | translate\r\n                                    }}\"\r\n                                />\r\n                            </div> -->\r\n                        </div>\r\n\r\n                        <!-- ----------------------------------------------------------- -->\r\n                    </form>\r\n                    <!-- *ngIf=\"\" -->\r\n                    <div\r\n                        class=\"dynamic-part -mx-4\"\r\n                        *ngIf=\"selectedFile.dynamicForm && showRenderer\"\r\n                    >\r\n                        <app-dynamic-form\r\n                            [form]=\"selectedFile.dynamicForm\"\r\n                            [data]=\"temporaryDyanmicData\"\r\n                            (change)=\"ondynamicFormChange($event)\"\r\n                        ></app-dynamic-form>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <!-- actions and buttons  -->\r\n    <div\r\n        class=\"w-full d-flex justify-between scanner-actions-wrapper absolute bottom-0\"\r\n    >\r\n        <div class=\"flex\">\r\n            <button class=\"cancelation-button\" (click)=\"closeDialog()\">\r\n                {{ \"BUTTONS.CANCEL\" | translate }}\r\n            </button>\r\n            <button class=\"cancelation-button mx-2\" (click)=\"minimizDialog()\">\r\n                {{ \"BUTTONS.MINIMIZED\" | translate }}\r\n            </button>\r\n        </div>\r\n\r\n        <!--  -->\r\n        <div class=\"d-flex\">\r\n            <!-- <button\r\n                *ngIf=\"creationFailed\"\r\n                [disabled]=\"\r\n                    scannerUploadButton.disabled ||\r\n                    !selectedFile.dynamicData.valid ||\r\n                    fileForm.invalid\r\n                \"\r\n                [ngClass]=\"{\r\n                    'opacity-30 cursor-not-allowed':\r\n                        scannerUploadButton.disabled ||\r\n                        !selectedFile.dynamicData.valid ||\r\n                        fileForm.invalid\r\n                }\"\r\n                (click)=\"createDocument()\"\r\n                class=\"submission-button\"\r\n            >\r\n                {{ \"BUTTONS.TRY_AGAIN\" | translate }}\r\n            </button> -->\r\n            <button\r\n                (click)=\"createDocument()\"\r\n                [disabled]=\"\r\n                    scannerUploadButton.disabled ||\r\n                    !selectedFile.dynamicData.valid ||\r\n                    fileForm.invalid\r\n                \"\r\n                [ngClass]=\"{\r\n                    'opacity-30 cursor-not-allowed':\r\n                        scannerUploadButton.disabled ||\r\n                        !selectedFile.dynamicData.valid ||\r\n                        fileForm.invalid\r\n                }\"\r\n                class=\"submission-button\"\r\n            >\r\n                {{ uploadMangmentService.scanCreationFailed ?  (\"BUTTONS.TRY_AGAIN\" | translate) : (\"BUTTONS.CREATE\" | translate) }}\r\n            </button>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".forms-section{display:flex;justify-content:center}.tabs-body-wrapper{height:calc(100% - 125px);overflow-y:auto;overflow-x:hidden}\n"], components: [{ type: i4$3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "mode", "value", "bufferValue"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: ScanComponent, selector: "app-document-scan", inputs: ["useStoredFile", "hideUploadButton"], outputs: ["file"] }, { type: DynamicFieldsRendererComponent, selector: "app-dynamic-fields-renderer", inputs: ["form", "agencyNameFilter", "countryNameFilter", "mode", "fields"] }, { type: DynamicFormComponent, selector: "app-dynamic-form", inputs: ["form", "data", "readOnly"], outputs: ["change"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: SetRtlDirective, selector: "[SetRtl]" }, { type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "translate": i1$1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ScanModalComponent, decorators: [{
             type: Component,
@@ -21085,7 +21085,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
-                }] }, { type: i1$4.MatDialogRef }, { type: UploadManagmentService }, { type: DialogMangmentService }, { type: FileManagerService }, { type: CustomToastrService }, { type: i6.FormBuilder }, { type: DynamicFormService }, { type: DateHelperService }, { type: AdapterService }, { type: TranslationService$1 }, { type: NuxeoService$1 }, { type: UserService }, { type: AppConfigService }, { type: undefined, decorators: [{
+                }] }, { type: i1$4.MatDialogRef }, { type: UploadManagmentService }, { type: DialogMangmentService }, { type: FileManagerService }, { type: CustomToastrService }, { type: i6.FormBuilder }, { type: DynamicFormService }, { type: DateHelperService }, { type: AdapterService }, { type: TranslationService }, { type: NuxeoService }, { type: UserService }, { type: AppConfigService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
                 }] }, { type: DocumentScanService }]; } });
@@ -21208,14 +21208,14 @@ class SharedDocsService {
         }));
     }
 }
-SharedDocsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SharedDocsService, deps: [{ token: NuxeoService$1 }, { token: i1$4.MatDialog }, { token: AdapterService }], target: i0.ɵɵFactoryTarget.Injectable });
+SharedDocsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SharedDocsService, deps: [{ token: NuxeoService }, { token: i1$4.MatDialog }, { token: AdapterService }], target: i0.ɵɵFactoryTarget.Injectable });
 SharedDocsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SharedDocsService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SharedDocsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: i1$4.MatDialog }, { type: AdapterService }]; } });
+        }], ctorParameters: function () { return [{ type: NuxeoService }, { type: i1$4.MatDialog }, { type: AdapterService }]; } });
 
 class DepartmentManagementService {
     constructor(nuxeoService) {
@@ -21230,14 +21230,14 @@ class DepartmentManagementService {
         }));
     }
 }
-DepartmentManagementService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DepartmentManagementService, deps: [{ token: NuxeoService$1 }], target: i0.ɵɵFactoryTarget.Injectable });
+DepartmentManagementService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DepartmentManagementService, deps: [{ token: NuxeoService }], target: i0.ɵɵFactoryTarget.Injectable });
 DepartmentManagementService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DepartmentManagementService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DepartmentManagementService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: NuxeoService$1 }]; } });
+        }], ctorParameters: function () { return [{ type: NuxeoService }]; } });
 
 class SelectUsersByDepartmentsComponent {
     constructor(departmentManagment, control) {
@@ -21373,7 +21373,7 @@ class ShareDialogComponent {
         this.onDestroy$ = new Subject();
         if (this.userPreferenceService) {
             this.userPreferenceService
-                .select(UserPreferenceValues$1.Locale)
+                .select(UserPreferenceValues.Locale)
                 .pipe(takeUntil(this.onDestroy$))
                 .subscribe((locale) => {
                 this.locale = locale;
@@ -21597,7 +21597,7 @@ class ShareDialogComponent {
         this.subscriptions$.forEach(sub => sub.unsubscribe());
     }
 }
-ShareDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ShareDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$4.MatDialogRef }, { token: i1$4.MatDialog }, { token: i6.FormBuilder }, { token: SharedDocsService }, { token: CustomToastrService }, { token: TranslationService$1 }, { token: NuxeoService$1 }, { token: UserPreferencesService$1 }], target: i0.ɵɵFactoryTarget.Component });
+ShareDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ShareDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$4.MatDialogRef }, { token: i1$4.MatDialog }, { token: i6.FormBuilder }, { token: SharedDocsService }, { token: CustomToastrService }, { token: TranslationService }, { token: NuxeoService }, { token: UserPreferencesService }], target: i0.ɵɵFactoryTarget.Component });
 ShareDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ShareDialogComponent, selector: "app-share-dialog", ngImport: i0, template: "<form [formGroup]=\"shareForm\" class=\"h-full p-5 overflow-auto\" SetRtl>\r\n\r\n  <div class=\"flex flex-col justify-between h-full\">\r\n    <!--Form Section-->\r\n    <div class=\"add-permsion-wrapper\">\r\n      <span class=\"text-gray-900 text-lg\">\r\n        {{ \"share.shareDialogTitle\" | translate }}\r\n      </span>\r\n      <div class=\"mt-5 selectorsWrapper\">\r\n        <app-select-users-by-departments\r\n          formControlName=\"depAnditsUsers\"\r\n          [allowMultipleUsers]= \"true\"\r\n          [userLabel]=\"'share.users'  | translate\"\r\n          [depLabel]=\"'share.Dep'  | translate\"\r\n          [display]=\"'column'\">\r\n        </app-select-users-by-departments>\r\n      </div>\r\n      <div *ngIf=\"forbiddenUsers.length\" class=\"flex\">\r\n        <ng-container *ngFor=\"let p of forbiddenUsers; let i as index\">\r\n          <span class=\"text-red-500 text-base\">\r\n            {{p}}&nbsp;\r\n          </span>\r\n        </ng-container>\r\n        <span class=\"text-red-500 text-base\">\r\n           <p *ngIf=\"forbiddenUsers.length == 1\">\r\n            {{ \"share.single_forbidden\" | translate }}\r\n           </p>\r\n           <p *ngIf=\"forbiddenUsers.length > 1\">\r\n            {{ \"share.multi_forbidden\" | translate }}\r\n           </p>\r\n        </span>\r\n      </div>\r\n      <div *ngIf=\"sameCurrentUser\">\r\n        <span class=\"text-red-500 text-base\">\r\n          {{ \"share.shareWithLoggedInUser\" | translate }}\r\n        </span>\r\n      </div>\r\n      <div *ngIf=\"isSharedBefore.length\" class=\"flex\">\r\n          <span class=\"text-red-500 text-base\">\r\n            {{ \"share.share_exists\" | translate }}\r\n            <ng-container *ngFor=\"let p of isSharedBefore\">\r\n              {{p}}\r\n            </ng-container>\r\n            {{ \"share.before\" | translate }}\r\n          </span>\r\n      </div>\r\n      <div class=\"mt-4 rightsSelector\">\r\n        <label class=\"text-base font-bold mb-0\">\r\n          {{ \"share.Rights\" | translate }}\r\n          <span class=\"text-danger\">*</span>\r\n        </label>\r\n        <ng-select \r\n          [items]=\"rights\" \r\n          bindLabel=\"label\"\r\n          bindValue=\"value\"\r\n          [placeholder]=\"'permission.rightsPlaceholder' | translate\"\r\n          formControlName=\"rights\"\r\n          (change)=\"setRight($event)\"\r\n        >\r\n        </ng-select>\r\n      </div>\r\n      <div *ngIf=\"sharedList.length\" class=\"mt-4\">\r\n        <div>\r\n          <label class=\"text-base font-bold mb-0\">\r\n            {{ \"share.fileUrl\" | translate }}\r\n          </label>\r\n          <div class=\"flex relative\">\r\n            <input \r\n              #fileUrl\r\n              [value]=\"shareableUrl\"\r\n              disabled\r\n              class=\"appearance-none block w-full  bg-accent-100 text-gray-700 border border-gray-200 rounded py-2.5 px-4 \r\n              leading-tight focus:outline-none focus:bg-white focus:border-gray-500\"\r\n              type=\"text\"\r\n            >\r\n            <button class=\"absolute pt-2.5 bg-accent-100\"\r\n              [matTooltip] = \"'BUTTONS.COPY' | translate\"\r\n              [ngClass]=\"(locale === 'en')  ? 'right-2' : 'left-2'\"\r\n              [cdkCopyToClipboard]=\"fileUrl.value\"\r\n              (click)=\"copy()\">\r\n              <mat-icon svgIcon=\"mat_solid:content_copy\" class=\"icon-size-6\"></mat-icon>\r\n            </button>\r\n            <div *ngIf=\"copied\" class=\"flex absolute justify-around w-24 -mt-10 border \r\n            border-red-700 h-7 rounded bg-gray-200\"\r\n            [ngClass]=\"(locale === 'en')  ? 'right-0' : 'left-0'\">\r\n              <div class=\"w-3 h-3 justify-center bg-gray-200 transform rotate-45 border\r\n               mt-5 borders-color\">\r\n              </div>\r\n              <span class=\"absolute font-extralight\">{{ \"share.copied\" | translate }}</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!--Shares Section-->\r\n    <div *ngIf=\"sharedList.length\">\r\n      <div class=\"flex flex-row justify-between h-7 border-b-2 border-accent-100 mt-2\">\r\n        <span class=\"text-base font-bold\">\r\n          {{ \"share.shares\" | translate }}\r\n        </span>\r\n        <button mat-icon-button *permission=\"{name: 'canRemoveShare', entity: selectedItem.entity}\"\r\n          matTooltip=\"{{'share.Rm_All_shares' | translate}}\" (click)=\"openDialog('Rem_ALL_shares')\">\r\n          <mat-icon [svgIcon]=\"'heroicons_outline:trash'\"\r\n          [ngClass]=\"(locale === 'en')  ? 'mr-2' : 'ml-2'\"></mat-icon>\r\n        </button>\r\n      </div>\r\n      <div class=\"h-52 overflow-y-auto\">\r\n        <div class=\"flex flex-row justify-between mt-2.5\">\r\n          <span class=\"w-1/2 text-base font-bold\">{{\"share.shareWith\" | translate}}</span>\r\n          <span class=\"w-1/4 text-base font-bold\">{{\"share.share_date\" | translate}}</span>\r\n          <span class=\"w-1/4 text-base font-bold\">{{\"share.permission\" | translate}}</span>\r\n          <span>&nbsp;</span>\r\n        </div>\r\n        <ng-container *ngFor=\"let d of sharedList\">\r\n          <div class=\"flex flex-row justify-between mt-2.5\">\r\n            <div class=\"flex flex-row w-1/2\">\r\n              <div class=\"flex-0 w-8 h-8 rounded-full overflow-hidden\">\r\n                <cts-avatar [user]=\"{\r\n                properties: {\r\n                  firstName: d.user.properties?.firstName,\r\n                  lastName: d.user.properties?.lastName\r\n                }\r\n              }\">\r\n                </cts-avatar>\r\n              </div>\r\n              <div class=\"flex flex-col -mt-2 px-2 break-all\">\r\n                <span>{{d.user.fullName}}</span>\r\n                <span>{{d.user.properties.email}}</span>\r\n              </div>\r\n            </div>\r\n            <div class=\"w-1/4 mt-1.5 break-all px-2.5\">\r\n              <span>{{d.sharedDate  | localizedDate:\"dd MMMM yyyy\":(isArabic? 'ar-AR' : 'en-US')}}</span>\r\n            </div>\r\n            <div class=\"w-1/4 mt-1.5 break-all px-4\">\r\n              <span>{{\"rights.\" + d.sharedMode | translate}}</span>\r\n            </div>\r\n            <div class=\"mt-1.5\">\r\n              <button mat-icon-button *permission=\"{name: 'canRemoveShare', entity: selectedItem.entity}\"\r\n                matTooltip=\"{{'share.Rm_custom_share' | translate}}\"\r\n                (click)=\"openDialog('Rem_custom_share',d.user.properties.username,d.sharedMode)\">\r\n                <i class=\"ms-Icon ms-Icon--ChromeClose\" aria-hidden=\"true\"\r\n                [ngClass]=\"(locale === 'en')  ? 'mr-2.5' : 'ml-2.5'\"></i>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    <!--Buttons Section-->\r\n    <div class=\"flex flex-row justify-between mt-2 py-1\">\r\n      <button class=\"submission-button\" [disabled]=\"disabled\" (click)=\"share()\">\r\n        {{ \"share.shareButton\" | translate }}\r\n      </button>\r\n      <button class=\"cancelation-button\" (click)=\"close()\">\r\n        {{ \"BUTTONS.Cancel\" | translate }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</form>", styles: [".share-dialog-wrapper .mat-dialog-container{overflow:hidden;padding:0!important}.share-dialog-wrapper .borders-color{--tw-border-opacity: 1;border-bottom-color:rgba(185,28,28,var(--tw-border-opacity))!important;border-right-color:rgba(185,28,28,var(--tw-border-opacity))!important}.share-dialog-wrapper .rightsSelector .ng-select-container .ng-value-container .ng-placeholder{font-size:12px;margin-top:3px}.share-dialog-wrapper .selectorsWrapper .dep-label,.share-dialog-wrapper .selectorsWrapper .users-label{@apply text-base font-bold mb-0;}\n"], components: [{ type: SelectUsersByDepartmentsComponent, selector: "app-select-users-by-departments", inputs: ["display", "depLabel", "userLabel", "allowMultipleUsers"], outputs: ["formChanged"] }, { type: i5.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: i2$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: AvatarComponent, selector: "cts-avatar", inputs: ["user"] }], directives: [{ type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: SetRtlDirective, selector: "[SetRtl]" }, { type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }], pipes: { "translate": i1$1.TranslatePipe, "localizedDate": LocalizedDatePipe }, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ShareDialogComponent, decorators: [{
             type: Component,
@@ -21610,7 +21610,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
-                }] }, { type: i1$4.MatDialogRef }, { type: i1$4.MatDialog }, { type: i6.FormBuilder }, { type: SharedDocsService }, { type: CustomToastrService }, { type: TranslationService$1 }, { type: NuxeoService$1 }, { type: UserPreferencesService$1 }]; } });
+                }] }, { type: i1$4.MatDialogRef }, { type: i1$4.MatDialog }, { type: i6.FormBuilder }, { type: SharedDocsService }, { type: CustomToastrService }, { type: TranslationService }, { type: NuxeoService }, { type: UserPreferencesService }]; } });
 
 class UpdateModalComponent {
     constructor(data, environment, dialogRef, fileMangerService, tosterService, formBuilder, appConfService, dynamicFormService, adapter, translationService, dateHelperService, documentService) {
@@ -21938,7 +21938,7 @@ class UpdateModalComponent {
         this.translationSubcription ? this.translationSubcription.unsubscribe() : null;
     }
 }
-UpdateModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UpdateModalComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: 'environment' }, { token: i1$4.MatDialogRef }, { token: FileManagerService }, { token: CustomToastrService }, { token: i6.FormBuilder }, { token: AppConfigService }, { token: DynamicFormService }, { token: AdapterService }, { token: TranslationService$1 }, { token: DateHelperService }, { token: DocumentsService }], target: i0.ɵɵFactoryTarget.Component });
+UpdateModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UpdateModalComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: 'environment' }, { token: i1$4.MatDialogRef }, { token: FileManagerService }, { token: CustomToastrService }, { token: i6.FormBuilder }, { token: AppConfigService }, { token: DynamicFormService }, { token: AdapterService }, { token: TranslationService }, { token: DateHelperService }, { token: DocumentsService }], target: i0.ɵɵFactoryTarget.Component });
 UpdateModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: UpdateModalComponent, selector: "app-update-modal", host: { listeners: { "document:keyup.enter": "KeyUpEvent($event)" } }, ngImport: i0, template: "<div class=\"create-folder-modal d-flex justify-center w-full relative h-full\">\r\n    <div class=\"folder-wrapper\" SetRtl>\r\n        <div class=\"mb-5\">\r\n            <div class=\"label-style\">\r\n                {{ \"FOLDERS.TYPE_ONLY\" | translate }}\r\n                <span class=\"text-red-500\">*</span>\r\n            </div>\r\n            <div *ngIf=\"!isDirectory\">{{ translatedDocumentType ? (isArabic ? (translatedDocumentType.arabicName) : (translatedDocumentType.englishTitle)) : type}}</div>\r\n            <div *ngIf=\"isDirectory\">{{ type === 'DmsFolder' ? (isArabic ? '\u0645\u062C\u0644\u062F' : 'Folder') : type}}</div>\r\n\r\n        </div>\r\n        <form [formGroup]=\"fileForm\" *ngIf=\"fileForm\">\r\n            <div class=\"mb-3\">\r\n                <div class=\"label-style\">\r\n                    {{ \"FOLDERS.TITLE_ONLY\" | translate }}\r\n                </div>\r\n                <input\r\n                    class=\"field-style \"\r\n                    [ngClass]=\"{'border-red-500' : fileForm.value.title === '..'}\"\r\n                    required\r\n                    formControlName=\"title\" \r\n                    placeholder=\" {{ 'CREATE.TITLE' | translate}}\"\r\n                />\r\n                <div class=\"text-red-500 text-base\" *ngIf=\"fileForm.value.title === '..'\">\r\n                    {{ \"FOLDERS.INVALID_TITLE_ONLY\" | translate }}\r\n                </div>\r\n            </div>\r\n            <div class=\"mb-3\">\r\n                <div class=\"label-style\">\r\n                    {{ \"FOLDERS.DESCRIPTION_ONLY\" | translate }}\r\n                </div>\r\n                <input\r\n                    class=\"field-style \"\r\n                    formControlName=\"description\" \r\n                    placeholder=\" {{ 'CREATE.DESCRIPTION' | translate}}\"\r\n                />\r\n            </div>\r\n\r\n             <!------------------ new statis form  ---------------------------->\r\n                        <div *ngIf=\"usingExtraFields && !isDirectory\">\r\n                            <app-dynamic-fields-renderer \r\n                                [mode]=\"'edit'\"\r\n                                [fields]=\"fields\" \r\n                                [form]=\"fileForm\" \r\n                                [agencyNameFilter]=\"agencyNameFilter\" \r\n                                [countryNameFilter]=\"countryNameFilter\"\r\n                            >\r\n                            </app-dynamic-fields-renderer>\r\n                        </div>\r\n\r\n                        <!-- ----------------------------------------------------------- -->\r\n\r\n\r\n        </form>\r\n        <div class=\"dynamic-part -mx-4\" *ngIf=\"dynamicForm && showRenderer\">\r\n            <app-dynamic-form\r\n                [form]=\"dynamicForm\"\r\n                [data]=\"temporaryDyanmicData\"\r\n                (change)=\"ondynamicFormChange($event)\"\r\n            ></app-dynamic-form>\r\n        </div>\r\n    </div>\r\n    <!-- actions and buttons  -->\r\n    <div\r\n        class=\"\r\n            w-full\r\n            d-flex\r\n            justify-between\r\n            absolute\r\n            bottom-0\r\n        \"\r\n    >\r\n        <div class=\"flex\">\r\n            <button\r\n                class=\"cancelation-button\"\r\n                (click)=\"closeDialog()\"\r\n            >\r\n                {{ \"BUTTONS.CANCEL\" | translate }}\r\n            </button>\r\n        </div>\r\n\r\n        <!--  -->\r\n        <div class=\"d-flex\">\r\n            <button\r\n                (click)=\"UpdateDocument()\"\r\n                [disabled]=\"\r\n                    (dynamicData['data'] && !dynamicData.valid) ||\r\n                    fileForm.invalid ||\r\n                    fileForm.value.title === '..'\r\n                \"\r\n                [ngClass]=\"{\r\n                    'opacity-30 cursor-not-allowed':\r\n                    (dynamicData['data'] && !dynamicData.valid) ||\r\n                    fileForm.invalid ||\r\n                    fileForm.value.title === '..'\r\n                }\"\r\n                class=\"submission-button\"\r\n            >\r\n                {{ \"BUTTONS.UPDATE\" | translate }}\r\n            </button>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".folder-wrapper{height:calc(100% - 50px);overflow-y:auto;overflow-x:hidden;padding:0 10px;width:100%}\n"], components: [{ type: DynamicFieldsRendererComponent, selector: "app-dynamic-fields-renderer", inputs: ["form", "agencyNameFilter", "countryNameFilter", "mode", "fields"] }, { type: DynamicFormComponent, selector: "app-dynamic-form", inputs: ["form", "data", "readOnly"], outputs: ["change"] }], directives: [{ type: SetRtlDirective, selector: "[SetRtl]" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i1$1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UpdateModalComponent, decorators: [{
             type: Component,
@@ -21953,7 +21953,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
-                }] }, { type: i1$4.MatDialogRef }, { type: FileManagerService }, { type: CustomToastrService }, { type: i6.FormBuilder }, { type: AppConfigService }, { type: DynamicFormService }, { type: AdapterService }, { type: TranslationService$1 }, { type: DateHelperService }, { type: DocumentsService }]; }, propDecorators: { KeyUpEvent: [{
+                }] }, { type: i1$4.MatDialogRef }, { type: FileManagerService }, { type: CustomToastrService }, { type: i6.FormBuilder }, { type: AppConfigService }, { type: DynamicFormService }, { type: AdapterService }, { type: TranslationService }, { type: DateHelperService }, { type: DocumentsService }]; }, propDecorators: { KeyUpEvent: [{
                 type: HostListener,
                 args: ['document:keyup.enter', ['$event']]
             }] } });
@@ -22012,14 +22012,14 @@ class ActivitiesLogService {
         }));
     }
 }
-ActivitiesLogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ActivitiesLogService, deps: [{ token: NuxeoService$1 }], target: i0.ɵɵFactoryTarget.Injectable });
+ActivitiesLogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ActivitiesLogService, deps: [{ token: NuxeoService }], target: i0.ɵɵFactoryTarget.Injectable });
 ActivitiesLogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ActivitiesLogService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ActivitiesLogService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: NuxeoService$1 }]; } });
+        }], ctorParameters: function () { return [{ type: NuxeoService }]; } });
 
 class ActivityLineComponent {
     constructor(element, translate, router, renderer) {
@@ -22397,14 +22397,14 @@ class PermissionService {
         }));
     }
 }
-PermissionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PermissionService, deps: [{ token: NuxeoService$1 }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
+PermissionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PermissionService, deps: [{ token: NuxeoService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
 PermissionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PermissionService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PermissionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: NuxeoService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
                 }] }]; } });
@@ -22557,7 +22557,7 @@ class AddPermissionsDialogComponent {
         this.subscriptions$.forEach(e => e.unsubscribe());
     }
 }
-AddPermissionsDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AddPermissionsDialogComponent, deps: [{ token: i1$4.MatDialogRef }, { token: PermissionService }, { token: CustomToastrService }, { token: i6.FormBuilder }, { token: TranslationService$1 }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+AddPermissionsDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AddPermissionsDialogComponent, deps: [{ token: i1$4.MatDialogRef }, { token: PermissionService }, { token: CustomToastrService }, { token: i6.FormBuilder }, { token: TranslationService }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
 AddPermissionsDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AddPermissionsDialogComponent, selector: "app-add-permissions-dialog", ngImport: i0, template: "<form [formGroup]=\"permissionForm\" class=\"h-full\" SetRtl>\r\n\r\n  <div class=\"flex flex-col h-full\">\r\n    <div class=\"add-permsion-wrapper\">\r\n      <span class=\"text-gray-900 text-lg\" *ngIf=\"state == 'update'\">\r\n        {{ \"permission.edit_permission\" | translate }}\r\n      </span>\r\n      <span class=\"text-gray-900 text-lg\" *ngIf=\"state !== 'update'\">\r\n        {{ \"permission.add_new_permission\" | translate }}\r\n      </span>\r\n  \r\n      <div class=\"user-select mt-5\" *ngIf=\"state != 'update'\">\r\n        <label class=\"text-base font-bold mb-0\">\r\n          {{ 'permission.username' | translate}}\r\n          <span  class=\"text-danger\">*</span>\r\n        </label>\r\n        <ng-select \r\n          [items]=\"permissionService.departmentUsers\"\r\n          [placeholder]=\"'permission.placeholder' | translate\"\r\n          [multiple]=\"true\"\r\n          [loading]=\"refreshUsers\"\r\n          bindLabel=\"displayLabel\"\r\n          bindValue=\"properties.username\"\r\n          formControlName=\"users\"\r\n        >\r\n        <ng-template ng-notfound-tmp let-searchTerm=\"searchTerm\">\r\n          <div class=\"ng-option disabled\">\r\n              {{'permission.ngSelect_resultNotFound' | translate}}\r\n          </div>\r\n        </ng-template>\r\n          <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\">\r\n            <div class=\"flex flex-col h-full\">\r\n              <div class=\"flex flex-row\">\r\n                <div class=\"flex-0 w-8 h-8 rounded-full overflow-hidden\" >\r\n                  <cts-avatar [user]=\"{\r\n                    properties: {\r\n                      firstName: item.properties.firstName,\r\n                      lastName: item.properties.lastName\r\n                    }\r\n                  }\">\r\n                  </cts-avatar>\r\n                </div>\r\n                <div class=\"flex flex-col  pt-0 px-2\">\r\n                  <span>{{item.displayLabel}}</span>\r\n                  <span>{{item.properties.email}}-{{item.properties.username}}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n        </ng-select>\r\n      </div>\r\n      <div class=\"mt-3 rights-select\">\r\n        <label class=\"text-base font-bold mb-0\">\r\n          {{ \"permission.Rights\" | translate }}\r\n          <span class=\"text-danger\">*</span>\r\n        </label>\r\n        <ng-select \r\n          [items]=\"rights\"\r\n          [placeholder]=\"'permission.rightsPlaceholder' | translate\"\r\n          bindLabel=\"label\"\r\n          bindValue=\"value\"\r\n          formControlName=\"permission\" \r\n          [(ngModel)]=\"editableRight\"\r\n        >\r\n        </ng-select>\r\n      </div>\r\n  \r\n      <!--<div class=\"flex flex-row mt-5\">\r\n        <span class=\"text-gray-900 text-base font-bold\">\r\n          {{ \"permission.timeframe\" | translate }}\r\n          <span class=\"text-danger\">*</span>:</span>\r\n        <div class=\"mx-2\">\r\n          <label class=\"inline-flex items-center\">\r\n            <input type=\"radio\" class=\"form-radio\" name=\"radio\" value=\"Permanent\" [checked]=\"timeFrame == 'Permanent'\"\r\n              (click)=\"timeFrame = 'Permanent'\" />\r\n            <span class=\"mx-2 mt-1 text-gray-900 text-sm font-bold\">{{\r\n              \"permission.permanent\" | translate\r\n              }}</span>\r\n          </label>\r\n        </div>\r\n        <div rtl>\r\n          <label class=\"inline-flex items-center\">\r\n            <input type=\"radio\" class=\"form-radio\" name=\"radio\" value=\"Date-Based\" [checked]=\"timeFrame == 'Date-Based'\"\r\n              (click)=\"timeFrame = 'Date-Based'\" />\r\n            <span class=\"mx-2 mt-1 text-gray-900 text-sm font-bold\">{{\r\n              \"permission.Date_based\" | translate\r\n              }}</span>\r\n          </label>\r\n        </div>\r\n      </div>\r\n      <div class=\"flex flex-col mt-2\">\r\n        <label class=\"text-base font-bold text-gray-900 mb-0\">{{ \"permission.from\" | translate }}</label>\r\n        <cts-dynamic-form-hijri-dateitem \r\n          formControlName=\"begin\" \r\n          [isDisabled]=\"timeFrame == 'Permanent'\"\r\n          [(ngModel)]=\"editableBegin\">\r\n        </cts-dynamic-form-hijri-dateitem>\r\n        <label class=\"text-base font-bold text-gray-900 mb-0\">{{ \"permission.to\" | translate }}</label>\r\n        <cts-dynamic-form-hijri-dateitem \r\n          formControlName=\"end\" \r\n          [isDisabled]=\"timeFrame == 'Permanent'\"\r\n          [(ngModel)]=\"editableEnd\">\r\n        </cts-dynamic-form-hijri-dateitem>\r\n        <div *ngIf=\"permissionForm?.errors?.notValid\">\r\n          <span class=\"text-red-500 text-base -mt-3 \">{{\r\n            \"permission.endStartError\" | translate\r\n            }}</span>\r\n        </div>\r\n      </div>-->\r\n    </div>\r\n\r\n    <div class=\"flex flex-row justify-between mt-5 flex-wrap\">\r\n      <div class=\"d-flex\">\r\n        <button *ngIf=\"state != 'update'\" [disabled]=\"createAndAdd\" class=\"submission-button\"\r\n          (click)=\"create(permissionForm.value)\">\r\n          <span *ngIf=\"!creating;else loader\">{{ \"permission.create\" | translate }}</span>\r\n        </button>\r\n        <button class=\"submission-button\" (click)=\"edit(permissionForm.value)\" *ngIf=\"state == 'update'\">\r\n          <span *ngIf=\"!updating;else loader\">{{ \"permission.update\" | translate }}</span>\r\n        </button>\r\n        <button *ngIf=\"state != 'update'\" class=\"submission-button w-44\" (click)=\"\r\n                      createandAddAnother(permissionForm, permissionForm.value)\r\n                  \">\r\n          <span *ngIf=\"!createAndAdd;else loader\">{{ \"permission.createAndAdd\" | translate }}</span>\r\n        </button>\r\n      </div>\r\n      <div>\r\n        <button class=\"cancelation-button mb-3\" (click)=\"cancel(false)\">\r\n          {{ \"BUTTONS.Cancel\" | translate }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</form>\r\n\r\n<ng-template #loader>\r\n  <mat-spinner [value]=\"90\" [strokeWidth]=\"3\" overlay=\"true\" [diameter]=\"25\" color=\"warn\">\r\n  </mat-spinner>\r\n</ng-template>\r\n", styles: [".form-radio{appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;user-select:none;flex-shrink:0;border-radius:100%;height:1em;width:1em;color:#4299e1;background-color:#fff;border-color:#e2e8f0;border-width:1px}.form-radio:checked{background-image:url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media not print{.form-radio::-ms-check{border-width:1px;color:transparent;background:inherit;border-color:inherit;border-radius:inherit}}.form-radio:focus{outline:none;box-shadow:0 0 0 3px #4299e180;border-color:#63b3ed}.select-label{color:#8f98aa;font-size:12px;margin-bottom:0}.user-select .ng-select-container,.rights-select .ng-select-container{border:1px solid #ccc!important;border-radius:5px!important;background-color:#8f98aa1a!important}.user-select .ng-select-container .ng-value-container,.rights-select .ng-select-container .ng-value-container{padding:unset!important}.user-select .ng-select-container .ng-value-container .ng-placeholder,.rights-select .ng-select-container .ng-value-container .ng-placeholder{font-size:12px}.user-select .ng-select-container .ng-value-container .ng-value,.rights-select .ng-select-container .ng-value-container .ng-value{color:#495057}.user-select .ng-select-container .ng-arrow-wrapper,.rights-select .ng-select-container .ng-arrow-wrapper{padding:0 20px}.user-select .ng-select-container .ng-input,.rights-select .ng-select-container .ng-input{left:10px;right:10px;width:auto}.user-select .ng-select-container .ng-value-container .ng-placeholder{padding-top:4px!important}.ng-select-disabled .ng-select-container{background-color:#e9ecef!important}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .option-wrapper .check-box-wrapper{position:relative}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .option-wrapper .check-box-wrapper input{visibility:hidden;width:20px;height:20px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .option-wrapper .check-box-wrapper .icon-wrapper{position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid blue;display:flex;justify-content:center;align-items:center}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .option-wrapper .check-box-wrapper .icon-wrapper .icon{color:#00f;display:none;justify-content:center;align-items:center;font-weight:bold}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option-selected .option-wrapper .check-box-wrapper .icon-wrapper .icon{display:flex}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option-selected .option-wrapper .label-wrapper{color:#00f}.ng-select .ng-select-focused:not(.ng-select-opened) .ng-select-container{border-color:#ccc;box-shadow:none}.add-permsion-wrapper{height:calc(100% - 50px);overflow:auto}\n"], components: [{ type: i5.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: AvatarComponent, selector: "cts-avatar", inputs: ["user"] }, { type: i8.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: SetRtlDirective, selector: "[SetRtl]" }, { type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i5.ɵl, selector: "[ng-notfound-tmp]" }, { type: i5.ɵf, selector: "[ng-option-tmp]" }], pipes: { "translate": i1$1.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AddPermissionsDialogComponent, decorators: [{
             type: Component,
@@ -22567,7 +22567,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     styleUrls: ['./add-permissions-dialog.component.scss'],
                     encapsulation: ViewEncapsulation.None
                 }]
-        }], ctorParameters: function () { return [{ type: i1$4.MatDialogRef }, { type: PermissionService }, { type: CustomToastrService }, { type: i6.FormBuilder }, { type: TranslationService$1 }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$4.MatDialogRef }, { type: PermissionService }, { type: CustomToastrService }, { type: i6.FormBuilder }, { type: TranslationService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }]; } });
@@ -22877,7 +22877,7 @@ class PermissionsComponent {
         this.subscriptions$.forEach(e => e.unsubscribe());
     }
 }
-PermissionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PermissionsComponent, deps: [{ token: PermissionService }, { token: i1$4.MatDialog }, { token: CustomToastrService }, { token: TranslationService$1 }, { token: NuxeoService$1 }, { token: UserService }, { token: EvaluatorsService }], target: i0.ɵɵFactoryTarget.Component });
+PermissionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PermissionsComponent, deps: [{ token: PermissionService }, { token: i1$4.MatDialog }, { token: CustomToastrService }, { token: TranslationService }, { token: NuxeoService }, { token: UserService }, { token: EvaluatorsService }], target: i0.ɵɵFactoryTarget.Component });
 PermissionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PermissionsComponent, selector: "app-permissions", inputs: { documentId: "documentId", document: "document", allowAddAndBlock: "allowAddAndBlock", sourcePage: "sourcePage" }, ngImport: i0, template: "<div class=\"h-auto mt-3 px-0 pb-4\" *ngIf=\"!loading; else loader\">\r\n    <!--LocalPermission List Items-->\r\n    <div *ngIf=\"sourcePage != 'myFiles'\">\r\n        <div class=\"flex flex-row justify-between\">\r\n            <span class=\"font-bold text-gray-500 text-base\">{{\r\n                \"permission.local\" | translate\r\n            }}</span>\r\n            <span *ngIf=\"allowAdd_Block_DeletePermission && !inheritedPermissions.length\">\r\n                <button\r\n                    *ngIf=\"allowAddAndBlock\"\r\n                    class=\"hover:text-blue-700 text-blue-500 mb-1 text-base\"\r\n                    (click)=\"addNewLocalPermissions()\"\r\n                    [disabled]=\"!permissionsType\"\r\n                >\r\n                    {{ \"permission.new\" | translate }}\r\n                </button>\r\n            </span>\r\n        </div>\r\n        <mat-divider class=\"mat-divider\"></mat-divider>\r\n        <app-permissions-template\r\n            [documentId]=\"documentId\"\r\n            [userVisiblePermissions]=\"userVisiblePermissions\"\r\n            (getPermissions)=\"getPermissions()\"\r\n            [allowDeleteAndEdit]=\"allowAdd_Block_DeletePermission\"\r\n            [permissionsArray]=\"localPermissions\"\r\n            *ngIf=\"localPermissions.length > 0; else nolocalPermissions\"\r\n        >\r\n        </app-permissions-template>\r\n    </div>\r\n    <ng-template #nolocalPermissions>\r\n        <div class=\"single-permssion p-3 text-center\">\r\n            {{ \"permission.noLocal\" | translate }}\r\n        </div>\r\n    </ng-template>\r\n    <!--InheritedPermission List Items-->\r\n    <div>\r\n        <div class=\"flex flex-row justify-between mt-3\">\r\n            <span class=\"font-bold text-gray-500 text-base\">{{\r\n                \"permission.inherited\" | translate\r\n            }}</span>\r\n            <span *ngIf=\"allowAdd_Block_DeletePermission\">\r\n                <button\r\n                    class=\"hover:text-blue-700 text-blue-500 mb-1 text-base\"\r\n                    *ngIf=\"status != null && allowAddAndBlock\"\r\n                >\r\n                    <span\r\n                        *ngIf=\"status == 'block'; else unblock\"\r\n                        (click)=\"unblockPermissionInheritance()\"\r\n                    >\r\n                        {{ \"permission.unblock\" | translate }}\r\n                    </span>\r\n                    <ng-template #unblock>\r\n                        <span (click)=\"blockPermissionInheritance()\">\r\n                            {{ \"permission.block\" | translate }}\r\n                        </span>\r\n                    </ng-template>\r\n                </button>\r\n            </span>\r\n        </div>\r\n        <mat-divider class=\"mat-divider\" *ngIf=\"!blockOrUnblock\"></mat-divider>\r\n        <mat-progress-bar mode=\"indeterminate\" *ngIf=\"blockOrUnblock\"></mat-progress-bar>\r\n        <app-permissions-template\r\n            *ngIf=\"inheritedPermissions.length > 0; else noinheritedPermissions\"\r\n            [documentId]=\"documentId\"\r\n            [userVisiblePermissions]=\"userVisiblePermissions\"\r\n            [permissionsArray]=\"inheritedPermissions\"\r\n            (getPermissions)=\"getPermissions()\"\r\n        >\r\n        </app-permissions-template>\r\n    </div>\r\n    <ng-template #noinheritedPermissions>\r\n        <div class=\"single-permssion p-3 text-center\">\r\n            {{\"permission.noInherited\" | translate }}</div>\r\n    </ng-template>\r\n    <!--departmentPermissions List Items-->\r\n    <div *ngIf=\"departmentPermissions.length > 0\">\r\n        <div class=\"flex flex-row justify-between\">\r\n            <span class=\"font-bold text-gray-500 text-base\">{{\r\n                \"permission.departmentPermissions\" | translate\r\n            }}</span>\r\n        </div>\r\n        <mat-divider class=\"mat-divider\"></mat-divider>\r\n        <app-permissions-template\r\n            [documentId]=\"documentId\"\r\n            [userVisiblePermissions]=\"userVisiblePermissions\"\r\n            (getPermissions)=\"getPermissions()\"\r\n            [permissionsArray]=\"departmentPermissions\"\r\n        >\r\n        </app-permissions-template>\r\n    </div>\r\n    <!--sharePermissions List Items-->\r\n    <div *ngIf=\"sharePermissions.length > 0\">\r\n        <div class=\"flex flex-row justify-between\">\r\n            <span class=\"font-bold text-gray-500 text-base\">{{\r\n                \"permission.sharePermissions\" | translate\r\n            }}</span>\r\n        </div>\r\n        <mat-divider class=\"mat-divider\"></mat-divider>\r\n        <app-permissions-template\r\n            [documentId]=\"documentId\"\r\n            [userVisiblePermissions]=\"userVisiblePermissions\"\r\n            (getPermissions)=\"getPermissions()\"\r\n            [permissionsArray]=\"sharePermissions\"\r\n        >\r\n        </app-permissions-template>\r\n    </div>\r\n    <!--workflowPermissions List Items-->\r\n    <div *ngIf=\"workflowPermissions.length > 0\">\r\n        <div class=\"flex flex-row justify-between\">\r\n            <span class=\"font-bold text-gray-500 text-base\">{{\r\n                \"permission.workflowPermissions\" | translate\r\n            }}</span>\r\n        </div>\r\n        <mat-divider class=\"mat-divider\"></mat-divider>\r\n        <app-permissions-template\r\n            [documentId]=\"documentId\"\r\n            [userVisiblePermissions]=\"userVisiblePermissions\"\r\n            (getPermissions)=\"getPermissions()\"\r\n            [permissionsArray]=\"workflowPermissions\"\r\n        >\r\n        </app-permissions-template>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #loader>\r\n    <div class=\"flex items-center justify-center w-full h-full\">\r\n        <mat-spinner [value]=\"90\" [strokeWidth]=\"6\" overlay=\"true\" [diameter]=\"75\"></mat-spinner>\r\n    </div>\r\n</ng-template>\r\n", styles: [""], components: [{ type: i8$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: PermissionsTemplateComponent, selector: "app-permissions-template", inputs: ["allowDeleteAndEdit", "documentId", "userVisiblePermissions", "permissionsArray"], outputs: ["getPermissions"] }, { type: i4$3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "mode", "value", "bufferValue"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i8.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PermissionsComponent, decorators: [{
             type: Component,
@@ -22886,7 +22886,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     templateUrl: './permissions.component.html',
                     styleUrls: ['./permissions.component.scss']
                 }]
-        }], ctorParameters: function () { return [{ type: PermissionService }, { type: i1$4.MatDialog }, { type: CustomToastrService }, { type: TranslationService$1 }, { type: NuxeoService$1 }, { type: UserService }, { type: EvaluatorsService }]; }, propDecorators: { documentId: [{
+        }], ctorParameters: function () { return [{ type: PermissionService }, { type: i1$4.MatDialog }, { type: CustomToastrService }, { type: TranslationService }, { type: NuxeoService }, { type: UserService }, { type: EvaluatorsService }]; }, propDecorators: { documentId: [{
                 type: Input
             }], document: [{
                 type: Input
@@ -22950,7 +22950,7 @@ class MultipleDynamicFormViewerComponent {
         this.languageSubscription ? this.languageSubscription.unsubscribe() : null;
     }
 }
-MultipleDynamicFormViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MultipleDynamicFormViewerComponent, deps: [{ token: TranslationService$1 }], target: i0.ɵɵFactoryTarget.Component });
+MultipleDynamicFormViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MultipleDynamicFormViewerComponent, deps: [{ token: TranslationService }], target: i0.ɵɵFactoryTarget.Component });
 MultipleDynamicFormViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MultipleDynamicFormViewerComponent, selector: "app-multiple-dynamic-form-viewer", inputs: { form: "form", data: "data" }, ngImport: i0, template: "<div class=\"dynamic-fields-values\">\r\n    <div class=\"fields-title\">\r\n      {{ \"CREATE.FORM_VIEWER\" | translate }}\r\n    </div>\r\n    <div class=\"values-wrapper\">\r\n      <div class=\"single-field-value\" *ngFor=\"let item of list\">\r\n        <div class=\"dynamic-title\" *ngIf=\"!isArabic\">{{ item.labelEn }}</div>\r\n        <div class=\"dynamic-title\" *ngIf=\"isArabic\">{{ item.labelAr }}</div>\r\n        <ng-container [ngSwitch]=\"item?.type\">\r\n          <ng-container *ngSwitchCase=\"'vocabulary'\">\r\n              <div class=\"value\" *ngIf=\"item.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\" *ngIf=\"item.value\">{{  item.value | localizedDate: {format: \"dd MMMM yyyy\" , locale: ((this.isArabic? 'ar' : 'en'))} }}</div>    \r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'userSelector'\">\r\n          <div class=\"value\" *ngIf=\"item.customOptions.multipleMode === false\">\r\n            {{item?.value?.id ? item.value?.id : item?.value?.properties?.username}}\r\n          </div>\r\n          <div class=\"value\" *ngIf=\"item.customOptions.multipleMode === true\">\r\n            <span *ngFor=\"let user of item.value ; let i = index\">\r\n              {{user?.id ? user?.id : user?.properties?.username}} <span *ngIf=\"(item.value.length-1) > i\">,</span>\r\n            </span>\r\n          </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      </div>\r\n    </div>\r\n  </div>\r\n  ", styles: [".dynamic-fields-values .fields-title{font-size:14px;font-weight:bold;color:#64748b}.dynamic-fields-values .values-wrapper{border:1px solid #d9dce2;padding:5px 10px}.dynamic-fields-values .values-wrapper .single-field-value{padding:10px 0;display:flex;border-bottom:1px solid #e2e6ec}.dynamic-fields-values .values-wrapper .single-field-value .dynamic-title{font-size:12px;font-weight:bold;width:140px;word-break:break-word;color:#64748b}.dynamic-fields-values .values-wrapper .single-field-value .value{font-size:12px;width:calc(100% - 140px);word-break:break-word;color:#0f172a}.dynamic-fields-values .values-wrapper .single-field-value:last-child{border-bottom:none}\n"], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "translate": i1$1.TranslatePipe, "localizedDate": LocalizedDatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MultipleDynamicFormViewerComponent, decorators: [{
             type: Component,
@@ -22959,7 +22959,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     templateUrl: './multiple-dynamic-form-viewer.component.html',
                     styleUrls: ['./multiple-dynamic-form-viewer.component.scss']
                 }]
-        }], ctorParameters: function () { return [{ type: TranslationService$1 }]; }, propDecorators: { form: [{
+        }], ctorParameters: function () { return [{ type: TranslationService }]; }, propDecorators: { form: [{
                 type: Input
             }], data: [{
                 type: Input
@@ -23022,7 +23022,7 @@ class SidepanelComponent {
         ];
         if (this.userPreferenceService) {
             this.userPreferenceService
-                .select(UserPreferenceValues$1.Locale)
+                .select(UserPreferenceValues.Locale)
                 .pipe(takeUntil(this.onDestroy$))
                 .subscribe((locale) => {
                 this.rtlEnabled = locale === 'ar' ? true : false;
@@ -23153,7 +23153,7 @@ class SidepanelComponent {
         this.onDestroy$.complete();
     }
 }
-SidepanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SidepanelComponent, deps: [{ token: i4.DatePipe }, { token: UserPreferencesService$1 }, { token: DialogMangmentService }, { token: DynamicFormService }, { token: DocumentsService }, { token: TagsApiService }, { token: TranslationService$1 }, { token: i1$4.MatDialog }, { token: SharedDocsService }], target: i0.ɵɵFactoryTarget.Component });
+SidepanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SidepanelComponent, deps: [{ token: i4.DatePipe }, { token: UserPreferencesService }, { token: DialogMangmentService }, { token: DynamicFormService }, { token: DocumentsService }, { token: TagsApiService }, { token: TranslationService }, { token: i1$4.MatDialog }, { token: SharedDocsService }], target: i0.ɵɵFactoryTarget.Component });
 SidepanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SidepanelComponent, selector: "app-sidepanel", inputs: { selectedItem: "selectedItem", menuOpen: "menuOpen", sourcePage: "sourcePage", allowAddAndBlock: "allowAddAndBlock" }, outputs: { onCloseSideMenu: "onCloseSideMenu" }, viewQueries: [{ propertyName: "detailsTemplate", first: true, predicate: ["detailsTemplate"], descendants: true, static: true }, { propertyName: "commentsTemplate", first: true, predicate: ["commentsTemplate"], descendants: true, static: true }, { propertyName: "activityTemplate", first: true, predicate: ["activityTemplate"], descendants: true, static: true }, { propertyName: "permissionsTemplate", first: true, predicate: ["permissionsTemplate"], descendants: true, static: true }, { propertyName: "filesTemplate", first: true, predicate: ["filesTemplate"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"side-menu-details\" SetRtl>\r\n    <div class=\"h-full\" *ngIf=\"selectedItem && showDetails && !sideMenuLoading\">\r\n        <div class=\"\">\r\n            <div class=\"mb-3 px-5 py-1 w-100 flex border-b-2 items-center\">\r\n                <!-- <title-with-icon class=\"-my-1.5\" [context]=\"selectedItem.entity\" [showTitle]=\"false\"></title-with-icon> -->\r\n                <app-display-suitable-icon [data]=\"selectedItem\" [size]=\"'40px'\"></app-display-suitable-icon>\r\n\r\n                <div class=\"justify-center flex flex-col   flex-1 flex-grow-0 w-7/12\" *ngIf=\"!selectedItem.isDirectory\">\r\n                    <div class=\"text-base text-gray-500 font-bold truncate\"\r\n                        [title]=\"selectedItem.entity?.properties?.['file:content']?.['name']\"\r\n                        [alt]=\"selectedItem.entity?.properties?.['file:content']?.['name']\">\r\n                        {{selectedItem.entity?.properties?.['file:content']?.['name']}}\r\n                    </div>\r\n                    <div class=\"text-gray-500 text-sm\">\r\n                        {{((selectedItem.entity?.properties?.['file:content']?.['length']) / (1024 *\r\n                        1024)).toFixed(2) }}\r\n                        MB\r\n                    </div>\r\n                </div>\r\n                <div class=\"\r\n                         d-flex\r\n                         items-center\r\n                         text-base text-gray-500\r\n                         font-bold\r\n                     \" *ngIf=\"selectedItem.isDirectory\">\r\n                    {{ selectedItem?.name }}\r\n                </div>\r\n                <ng-container *permission=\"{name: 'lockOwnerIfLocked', entity: selectedItem.entity}\">\r\n                    <mat-icon class=\"text-gray-500 cursor-pointer  mx-3\"\r\n                        *permission=\"{name: 'canUpdate', entity: selectedItem.entity}\"\r\n                        matTooltip=\"{{ 'FOLDERS.UPDATE_DETAILS' | translate }}\"\r\n                        (click)=\"openUpdateFromSideMenu()\">edit</mat-icon>\r\n                </ng-container>\r\n            </div>\r\n            <mat-icon class=\"close-icon text-gray-500\" (click)=\"closeDetailsMenu()\"\r\n                [matTooltip]=\"'BUTTONS.CLOSE' | translate\">close</mat-icon>\r\n        </div>\r\n        <div class=\"dynamic-section\">\r\n            <div class=\"mx-2 h-full\">\r\n                <app-dynamic-tabs [tabs]=\"myTabs\"></app-dynamic-tabs>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"h-full font-bold d-flex justify-center items-center\" *ngIf=\"sideMenuLoading\">\r\n        {{ \"loading\" | translate }}\r\n    </div>\r\n</div>\r\n\r\n<!-- Comments -->\r\n<ng-template #commentsTemplate>\r\n    <div class=\"overflow-auto h-full\">\r\n        <app-comments-dashlet [correspondence]=\"sideMenuFileDetails\" [entityId]=\"selectedItem.entity.uid\"\r\n            [showaddcomment]=\"true\" [row]=\"false\">\r\n        </app-comments-dashlet>\r\n    </div>\r\n</ng-template>\r\n\r\n<!-- myLogFile -->\r\n<ng-template #activityTemplate>\r\n    <!-- <cts-viewer-log [correspondence]=\"selectedItem.entity\"></cts-viewer-log> -->\r\n    <div class=\"h-full mt-3\">\r\n        <app-activities-log [documentId]=\"selectedItem.entity.uid\" [documentTitle]=\"selectedItem.entity.title\"\r\n            [file]=\"sideMenuFileDetails\"></app-activities-log>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #permissionsTemplate>\r\n    <div class=\"h-full overflow-auto px-2 mt-3\">\r\n        <app-permissions [sourcePage]=\"sourcePage\"\r\n        [allowAddAndBlock]=\"allowAddAndBlock\"  [document]=\"sideMenuFileDetails\"\r\n            [documentId]=\"selectedItem.entity.uid\"></app-permissions>\r\n    </div>\r\n</ng-template>\r\n\r\n<!-- Files Tab -->\r\n<ng-template #filesTemplate>\r\n    <div class=\"h-full overflow-auto px-2 mt-3\">\r\n        <cts-versions [file]=\"selectedItem.entity\"></cts-versions>\r\n    </div>\r\n</ng-template>\r\n\r\n<!-- Details -->\r\n<ng-template #detailsTemplate>\r\n    <div class=\"pb-2 mt-3 h-full px-2 overflow-auto\">\r\n        <div class=\"static-data\">\r\n            <div class=\"mt-5\">\r\n                <div class=\"text-gray-500 font-bold text-base\">\r\n                    {{ \"FOLDERS.TITLE_ONLY\" | translate }}\r\n                </div>\r\n                <div class=\"text-gray-900 text-sm\">\r\n                    {{ dynamicFormData[\"dc:title\"] }}\r\n                </div>\r\n            </div>\r\n            <div class=\"mt-3\">\r\n                <div class=\"text-gray-500 font-bold text-base\">\r\n                    {{ \"FOLDERS.DESCRIPTION_ONLY\" | translate }}\r\n                </div>\r\n                <div class=\"text-gray-900 text-sm\">\r\n                    {{ dynamicFormData[\"dc:description\"] }}\r\n                </div>\r\n            </div>\r\n            <div class=\"mt-3\">\r\n                <div class=\"text-gray-500 font-bold text-base\">\r\n                    {{ \"FOLDERS.CREATED_AT\" | translate }}\r\n                </div>\r\n                <div class=\"text-gray-900 text-sm\">\r\n                    {{\r\n                    dynamicFormData[\"dc:created\"]\r\n                    | localizedDate: \"dd MMMM yyyy\":(isArabic? 'ar-AR' : 'en-US')\r\n                    }}\r\n                </div>\r\n            </div>\r\n            <div class=\"mt-3\">\r\n                <div class=\"text-gray-500 font-bold text-base\">\r\n                    {{ \"FOLDERS.LAST_MODIFIED\" | translate }}\r\n                </div>\r\n                <div class=\"text-gray-900 text-sm\">\r\n                    {{\r\n                    dynamicFormData[\"dc:modified\"]\r\n                    | localizedDate: \"dd MMMM yyyy\":(isArabic? 'ar-AR' : 'en-US')\r\n                    }}\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"super-document-fields\">\r\n                <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:documentSubject\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.DOCUMENT_SUBJECT\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ dynamicFormData[\"gdoc:documentSubject\"] ? dynamicFormData[\"gdoc:documentSubject\"] : '--'}}\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:documentNumber\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.DOCUMENT_NUMBER\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ dynamicFormData[\"gdoc:documentNumber\"] ? dynamicFormData[\"gdoc:documentNumber\"] : '--'}}\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:documentReferenceNumber\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.DOCUMENT_REF_NUMBER\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\" dir=\"ltr\">\r\n                        {{ dynamicFormData[\"gdoc:documentReferenceNumber\"] ?\r\n                        dynamicFormData[\"gdoc:documentReferenceNumber\"] : '--'}}\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:gDocumentDate\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.DOCUMENT_DATE\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ dynamicFormData[\"gdoc:gDocumentDate\"] ? (dynamicFormData[\"gdoc:gDocumentDate\"] |\r\n                        localizedDate: \"dd MMMM yyyy\":(isArabic? 'ar-AR' : 'en-US')) : '--'}}\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"mt-3\" *ngIf='(selectedItem.entity.category && selectedItem.entity.category !== {})'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.CATEGORY\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ (selectedItem.entity.category && selectedItem.entity.category !== {}) ?\r\n                        (isArabic ? selectedItem.entity.category.arabicName : selectedItem.entity.category.englishName)\r\n                        : '--'}}\r\n                    </div>\r\n                </div>\r\n                <div class=\"mt-3\"\r\n                    *ngIf='(selectedItem.entity.categoryType && selectedItem.entity.categoryType.arabicName)'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.CATEGORY_TYPE\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ (selectedItem.entity.categoryType && selectedItem.entity.categoryType.arabicName) ?\r\n                        (isArabic ? selectedItem.entity.categoryType.arabicName :\r\n                        selectedItem.entity.categoryType.englishName)\r\n                        : '--'}}\r\n                    </div>\r\n                </div>\r\n                <div class=\"mt-3\" *ngIf='(selectedItem.entity.mainTopic && selectedItem.entity.mainTopic.arabicName)'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.MAIN_TOPIC\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ (selectedItem.entity.mainTopic && selectedItem.entity.mainTopic.arabicName) ?\r\n                        (isArabic ? selectedItem.entity.mainTopic.arabicName :\r\n                        selectedItem.entity.mainTopic.englishName)\r\n                        : '--'}}\r\n                    </div>\r\n                </div>\r\n                <div class=\"mt-3\"\r\n                    *ngIf='(selectedItem.entity.documentType && selectedItem.entity.documentType.arabicName)'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.DOCUMENT_TYPE\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ (selectedItem.entity.documentType && selectedItem.entity.documentType.arabicName) ?\r\n                        (isArabic ? selectedItem.entity.documentType.arabicName :\r\n                        selectedItem.entity.documentType.englishTitle)\r\n                        : '--'}}\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:secrecyLevel\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.SCRECY_LEVEL\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ 'vocabulary.VOC_SecrecyLevel.' + dynamicFormData[\"gdoc:secrecyLevel\"] | translate}}\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:importance\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.IMPORTANCE_LEVEL\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ 'vocabulary.VOC_Importance.' + dynamicFormData[\"gdoc:importance\"] | translate}}\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"mt-3\" *ngIf='selectedItem.entity.department'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.DEPARTMENT_NAME\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ selectedItem.entity.department ?\r\n                        (isArabic ? selectedItem.entity.department.arabicName :\r\n                        selectedItem.entity.department.englishName)\r\n                        : '--'}}\r\n                    </div>\r\n                </div>\r\n\r\n                <!-- <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:departmentCode\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.DEPARTMENT_CODE\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ dynamicFormData[\"gdoc:departmentCode\"] ? dynamicFormData[\"gdoc:departmentCode\"] : '--'}}\r\n                    </div>\r\n                </div> -->\r\n\r\n                <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:agencyCategoryCode\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.AGENCY_CATEGORY_CODE\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ dynamicFormData[\"gdoc:agencyCategoryCode\"] ?\r\n                        (isArabic ? dynamicFormData[\"gdoc:agencyCategoryCode\"]['properties']['label_ar']\r\n                        : dynamicFormData[\"gdoc:agencyCategoryCode\"]['properties']['label_en'])\r\n                        : '--'}}\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:agencyNameCode\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.AGENCY_NAME\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ dynamicFormData[\"gdoc:agencyNameCode\"] ?\r\n                        (isArabic ? dynamicFormData[\"gdoc:agencyNameCode\"]['properties']['label_ar']\r\n                        : dynamicFormData[\"gdoc:agencyNameCode\"]['properties']['label_en'])\r\n                        : '--'}}\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:countryCategoryCode\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.COUNTRY_CATEGORY_CODE\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ dynamicFormData[\"gdoc:countryCategoryCode\"] ?\r\n                        (isArabic ? dynamicFormData[\"gdoc:countryCategoryCode\"]['properties']['label_ar']\r\n                        : dynamicFormData[\"gdoc:countryCategoryCode\"]['properties']['label_en'])\r\n                        : '--'}}\r\n\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:countryCode\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.COUNTRY_NAME\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ dynamicFormData[\"gdoc:countryCode\"] ?\r\n                        (isArabic ? dynamicFormData[\"gdoc:countryCode\"]['properties']['label_ar']\r\n                        : dynamicFormData[\"gdoc:countryCode\"]['properties']['label_en'])\r\n                        : '--'}}\r\n                    </div>\r\n                </div>\r\n                <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:remarks\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.REMARKS\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ dynamicFormData[\"gdoc:remarks\"] ? dynamicFormData[\"gdoc:remarks\"] : '--'}}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"mt-3\">\r\n                <div class=\"text-gray-500 font-bold text-base\">\r\n                    {{ \"FOLDERS.BY\" | translate }}\r\n                </div>\r\n                <div class=\"text-gray-900 text-sm d-flex\">\r\n                    <div class=\"d-flex items-center bg-gray-100 rounded-xl\">\r\n                        <app-user [user]=\"dynamicFormData['dc:creator']\"></app-user>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"mt-3\" *ngIf=\"dynamicFormData['dc:contributors'].length > 0\">\r\n                <div class=\"text-gray-500 font-bold text-base\">\r\n                    {{ \"FOLDERS.CONTRUBITORS\" | translate }}\r\n                </div>\r\n                <div class=\"d-flex flex-wrap\">\r\n                    <div class=\"d-flex items-center bg-gray-100 rounded-xl mb-2\"\r\n                        *ngFor=\"let user of dynamicFormData['dc:contributors']\">\r\n                        <app-user [user]=\"user\"></app-user>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"mt-3\" *ngIf=\"sharedListUser.length > 0\">\r\n                <div class=\"text-gray-500 font-bold text-base\">\r\n                    {{\"share.shareWith\" | translate}}\r\n                </div>\r\n                <div class=\"d-flex flex-wrap\">\r\n                    <div class=\"d-flex items-center bg-gray-100 rounded-xl mb-2\" *ngFor=\"let user of sharedListUser\">\r\n                        <app-user [user]=\"user\"></app-user>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"mt-5\" *ngIf=\"dynamicForm && dynamicFormData\">\r\n            <app-multiple-dynamic-form-viewer [form]=\"dynamicForm\"\r\n                [data]=\"dynamicFormData\"></app-multiple-dynamic-form-viewer>\r\n        </div>\r\n        <div class=\"tags-wrappers relative px-0 py-3\">\r\n            <cts-correspondence-tags [correspondence]=\"sideMenuFileDetails\" [customClass]=\"'tags-dms-wrapper'\"\r\n                [useParams]=\"true\" [addCustomApiName]=\"'Services.TagDocument'\"\r\n                [deleteCustomApiName]=\"'Services.UntagDocument'\">\r\n            </cts-correspondence-tags>\r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [""], components: [{ type: DisplaySuitableIconComponent, selector: "app-display-suitable-icon", inputs: ["data", "size", "dataType", "archive"] }, { type: i2$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: DynamicTabsComponent, selector: "app-dynamic-tabs", inputs: ["tabs", "selectedIndex"] }, { type: CommentsDashletComponent, selector: "app-comments-dashlet", inputs: ["entityId", "correspondence", "row", "showaddcomment", "showCommentActions"] }, { type: ActivitiesLogComponent, selector: "app-activities-log", inputs: ["documentId", "file", "documentTitle"], outputs: ["success"] }, { type: PermissionsComponent, selector: "app-permissions", inputs: ["documentId", "document", "allowAddAndBlock", "sourcePage"] }, { type: VersionsComponent, selector: "cts-versions", inputs: ["selectedVersion", "file", "actions", "currentTranslation", "originTranslation", "historyTranslation"], outputs: ["handleActions"] }, { type: UserComponent, selector: "app-user", inputs: ["user", "type", "textColor"] }, { type: MultipleDynamicFormViewerComponent, selector: "app-multiple-dynamic-form-viewer", inputs: ["form", "data"] }, { type: CorrespondenceTagsComponent, selector: "cts-correspondence-tags", inputs: ["alwaysShowRemoveBtn", "correspondence", "customClass", "addCustomApiName", "deleteCustomApiName", "useParams", "accordionMode", "systemTags", "accordionOpen", "title", "multiple"] }], directives: [{ type: SetRtlDirective, selector: "[SetRtl]" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i2$6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { type: i4$1.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i1$1.TranslatePipe, "localizedDate": LocalizedDatePipe }, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SidepanelComponent, decorators: [{
             type: Component,
@@ -23163,7 +23163,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     styleUrls: ['./sidepanel.component.scss'],
                     encapsulation: ViewEncapsulation.None
                 }]
-        }], ctorParameters: function () { return [{ type: i4.DatePipe }, { type: UserPreferencesService$1 }, { type: DialogMangmentService }, { type: DynamicFormService }, { type: DocumentsService }, { type: TagsApiService }, { type: TranslationService$1 }, { type: i1$4.MatDialog }, { type: SharedDocsService }]; }, propDecorators: { detailsTemplate: [{
+        }], ctorParameters: function () { return [{ type: i4.DatePipe }, { type: UserPreferencesService }, { type: DialogMangmentService }, { type: DynamicFormService }, { type: DocumentsService }, { type: TagsApiService }, { type: TranslationService }, { type: i1$4.MatDialog }, { type: SharedDocsService }]; }, propDecorators: { detailsTemplate: [{
                 type: ViewChild,
                 args: ['detailsTemplate', { static: true }]
             }], commentsTemplate: [{
@@ -23585,22 +23585,22 @@ class FileManagerAbstract {
         this.permissionEvaluatorService = this.injectorObj.get(EvaluatorsService);
         this.fileManagerService = this.injectorObj.get(FileManagerService);
         this.dynamicFormService = this.injectorObj.get(DynamicFormService);
-        this.callApi = this.injectorObj.get(CallApiService$1);
+        this.callApi = this.injectorObj.get(CallApiService);
         this.shared = this.injectorObj.get(SharedDocsService);
         this.adapter = this.injectorObj.get(AdapterService);
         this.router = this.injectorObj.get(Router);
         this.fileManagerAdapter = this.injectorObj.get(FileManagerAdapter);
-        this.translationService = this.injectorObj.get(TranslationService$1);
+        this.translationService = this.injectorObj.get(TranslationService);
         this.customToastrService = this.injectorObj.get(CustomToastrService);
         this.appConfService = this.injectorObj.get(AppConfigService);
-        this.userPreferenceService = this.injectorObj.get(UserPreferencesService$1);
+        this.userPreferenceService = this.injectorObj.get(UserPreferencesService);
         this.dialogMangmentService = this.injectorObj.get(DialogMangmentService);
         this.uploadMangmentService = this.injectorObj.get(UploadManagmentService);
         this.dialog = this.injectorObj.get(MatDialog);
         this.documentScanService = this.injectorObj.get(DocumentScanService);
         this.route = this.injectorObj.get(ActivatedRoute);
         this.iconService = this.injectorObj.get(IconService);
-        this.nuxeoService = this.injectorObj.get(NuxeoService$1);
+        this.nuxeoService = this.injectorObj.get(NuxeoService);
         this.multiSelectedkeys = [""];
         this.myPageConfiguration =
             this.appConfService.myConfiguration.fileManger[this.myPageConfName];
@@ -23651,7 +23651,7 @@ class FileManagerAbstract {
         ]);
         if (this.userPreferenceService) {
             this.userPreferenceService
-                .select(UserPreferenceValues$1.Locale)
+                .select(UserPreferenceValues.Locale)
                 .pipe(takeUntil(this.onDestroy$))
                 .subscribe((locale) => {
                 this.rtlEnabled = locale === "ar" ? true : false;
@@ -24623,14 +24623,14 @@ class ActivityLogService {
         }));
     }
 }
-ActivityLogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ActivityLogService, deps: [{ token: AdapterService }, { token: CallApiService$1 }], target: i0.ɵɵFactoryTarget.Injectable });
+ActivityLogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ActivityLogService, deps: [{ token: AdapterService }, { token: CallApiService }], target: i0.ɵɵFactoryTarget.Injectable });
 ActivityLogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ActivityLogService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ActivityLogService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: AdapterService }, { type: CallApiService$1 }]; } });
+        }], ctorParameters: function () { return [{ type: AdapterService }, { type: CallApiService }]; } });
 
 class LatestActivityComponent {
     constructor(activityLogSer) {
@@ -26658,7 +26658,7 @@ class PdftronComponent {
         this.transelationSubscrition ? this.transelationSubscrition.unsubscribe() : null;
     }
 }
-PdftronComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PdftronComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: PdftronService }, { token: NuxeoService$1 }, { token: APP_BASE_HREF }, { token: SecurePipe }, { token: TranslationService$1 }, { token: CustomToastrService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Component });
+PdftronComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PdftronComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: PdftronService }, { token: NuxeoService }, { token: APP_BASE_HREF }, { token: SecurePipe }, { token: TranslationService }, { token: CustomToastrService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Component });
 PdftronComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PdftronComponent, selector: "app-pdftron", inputs: { editMode: "editMode", actionClicked: "actionClicked", fileTitle: "fileTitle", docId: "docId", DOCUMENT_TYPE: "DOCUMENT_TYPE", fileData: "fileData", fitMode: "fitMode", authHeader: "authHeader", fileURL: "fileURL", correspondance: "correspondance", secrecyProperty: "secrecyProperty", editingType: "editingType", userSignatures: "userSignatures", searchString: "searchString", trackSignature: "trackSignature", useOutsideAnotations: "useOutsideAnotations", importedAnotations: "importedAnotations", allowDownloadSecretFile: "allowDownloadSecretFile", allowPrintSecretFile: "allowPrintSecretFile", negelectAddingWaterMark: "negelectAddingWaterMark" }, outputs: { onSignatureTracking: "onSignatureTracking", onAddingAnotation: "onAddingAnotation", events: "events", SignatureEvent: "SignatureEvent" }, providers: [SecurePipe], viewQueries: [{ propertyName: "viewerRef", first: true, predicate: ["fileViewer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #fileViewer style=\"width: 100%; height: 100%;\"></div>\r\n", styles: [""] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PdftronComponent, decorators: [{
             type: Component,
@@ -26668,10 +26668,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     styleUrls: ['./pdftron.component.scss'],
                     providers: [SecurePipe],
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: PdftronService }, { type: NuxeoService$1 }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: PdftronService }, { type: NuxeoService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [APP_BASE_HREF]
-                }] }, { type: SecurePipe }, { type: TranslationService$1 }, { type: CustomToastrService }, { type: undefined, decorators: [{
+                }] }, { type: SecurePipe }, { type: TranslationService }, { type: CustomToastrService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
                 }] }]; }, propDecorators: { viewerRef: [{
@@ -26988,7 +26988,7 @@ NuxeoCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
         TranslateService,
         { provide: TranslateLoader, useClass: TranslateLoaderService },
         {
-            provide: TRANSLATION_PROVIDER$1,
+            provide: TRANSLATION_PROVIDER,
             multi: true,
             useValue: {
                 name: "app",
@@ -27043,7 +27043,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                         TranslateService,
                         { provide: TranslateLoader, useClass: TranslateLoaderService },
                         {
-                            provide: TRANSLATION_PROVIDER$1,
+                            provide: TRANSLATION_PROVIDER,
                             multi: true,
                             useValue: {
                                 name: "app",
@@ -27088,1031 +27088,72 @@ const SUBSCRIPTION_STATE = {
     unsubscribed: 'Unsubscribed',
 };
 
-var Lang;
-(function (Lang) {
-    Lang["Arabic"] = "ar";
-    Lang["English"] = "en";
-})(Lang || (Lang = {}));
+const mapNotificationsToPagingResponse = (res) => {
+    return {
+        data: res.entries,
+        page: res.currentPageIndex,
+        totalItems: res.resultsCount || res.totalSize,
+        pageCount: res.pageCount,
+        size: res.pageSize,
+        hasPreviousPage: res.isPreviousPageAvailable,
+        hasNextPage: res.isNextPageAvailable,
+    };
+};
 
-class LocalStoragService {
-    constructor() {
-        this.memoryStore = {};
-        this.useLocalStorage = false;
-        this._prefix = '';
-        this.useLocalStorage = this.storageAvailable('localStorage');
-    }
-    get prefix() {
-        return this._prefix;
-    }
-    set prefix(prefix) {
-        this._prefix = prefix ? prefix + '_' : '';
+class NotificationsService {
+    constructor(_callApi, _nuxeoService, _http, _environment) {
+        this._callApi = _callApi;
+        this._nuxeoService = _nuxeoService;
+        this._http = _http;
+        this._environment = _environment;
+        this.listenerObserver = new Subject();
     }
-    /**
-     * Gets an item.
-     * @param key Key to identify the item
-     * @returns The item (if any) retrieved by the key
-     */
-    getItem(key) {
-        if (this.useLocalStorage) {
-            return localStorage.getItem(this.prefix + key);
-        }
-        else {
-            return this.memoryStore.hasOwnProperty(this.prefix + key) ? this.memoryStore[this.prefix + key] : null;
-        }
+    get _tenantId() {
+        return this._nuxeoService.nuxeoClient.user.properties.tenantId;
     }
-    /**
-     * Stores an item
-     * @param key Key to identify the item
-     * @param data Data to store
-     */
-    setItem(key, data) {
-        if (this.useLocalStorage) {
-            localStorage.setItem(this.prefix + key, data);
-        }
-        else {
-            this.memoryStore[this.prefix + key] = data.toString();
-        }
+    get _appKey() {
+        var _a;
+        return (_a = this._environment) === null || _a === void 0 ? void 0 : _a.appKey;
     }
-    /** Removes all currently stored items. */
-    clear() {
-        if (this.useLocalStorage) {
-            localStorage.clear();
-        }
-        else {
-            this.memoryStore = {};
-        }
+    getUnReadCount() {
+        return this._callApi
+            .query({
+            pageProvider: NotificationsService.providers.notificationsMango,
+            pageSize: 1,
+            notfnotificationcontent_company: this._tenantId,
+            notfnotificationcontent_applicationKey: this._appKey,
+            notfnotificationcontent_status: NOTIFICATION_STATUS.new,
+        }, {})
+            .pipe(map((data) => { var _a; return (_a = data.totalSize) !== null && _a !== void 0 ? _a : 0; }));
     }
-    /**
-     * Removes a single item.
-     * @param key Key to identify the item
-     */
-    removeItem(key) {
-        if (this.useLocalStorage) {
-            localStorage.removeItem(this.prefix + key);
-        }
-        else {
-            delete this.memoryStore[this.prefix + key];
-        }
+    getNotificationsMongo(payload = {}) {
+        return this._getNotifications(NotificationsService.providers.notificationsMango, payload);
     }
-    /**
-     * Is any item currently stored under `key`?
-     * @param key Key identifying item to check
-     * @returns True if key retrieves an item, false otherwise
-     */
-    hasItem(key) {
-        if (this.useLocalStorage) {
-            return localStorage.getItem(this.prefix + key) ? true : false;
-        }
-        else {
-            return this.memoryStore.hasOwnProperty(key);
-        }
+    getNotifications(payload = {}) {
+        return this._getNotifications(NotificationsService.providers.notifications, payload);
     }
-    storageAvailable(type) {
-        try {
-            const storage = window[type];
-            const key = '__storage_test__';
-            storage.setItem(key, key);
-            storage.removeItem(key, key);
-            return true;
-        }
-        catch (e) {
-            return false;
-        }
+    markAllAsRead() {
+        return this._globalOperation('markAllAsRead');
     }
-    getLocal(key) {
-        const ijsKey = 'cts' + key;
-        const data = window.localStorage.getItem(ijsKey);
-        if (data) {
-            return JSON.parse(data);
-        }
-        else {
-            return null;
-        }
+    markAllNewAsUnread() {
+        return this._globalOperation('markAllAsUnread');
     }
-    setLocal(key, value) {
-        const ijsKey = 'cts' + key;
-        const data = value === undefined ? '' : JSON.stringify(value);
-        window.localStorage.setItem(ijsKey, data);
+    markAsRead(id) {
+        return this._operation(id, 'markAsRead');
     }
-    removeLocal(key) {
-        const ijsKey = 'cts' + key;
-        window.localStorage.removeItem(ijsKey);
+    markAsUnread(id) {
+        return this._operation(id, 'markAsUnread');
     }
-    removeAllLocals() {
-        for (const key in window.localStorage) {
-            if (window.localStorage.hasOwnProperty(key)) {
-                window.localStorage.removeItem(key);
-            }
-        }
+    markAsDeleted(id) {
+        return this._operation(id, 'markAsDeleted');
     }
-}
-LocalStoragService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalStoragService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-LocalStoragService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalStoragService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalStoragService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return []; } });
-
-var UserPreferenceValues;
-(function (UserPreferenceValues) {
-    UserPreferenceValues["Locale"] = "locale";
-    UserPreferenceValues["ExpandedSideNavStatus"] = "expandedSidenav";
-})(UserPreferenceValues || (UserPreferenceValues = {}));
-class UserPreferencesService {
-    constructor(translate, storage) {
-        this.translate = translate;
-        this.storage = storage;
-        this.defaults = {
-            locale: 'en',
-            expandedSidenav: true
-        };
-        this.userPreferenceStatus = this.defaults;
-        this.onChangeSubject = new BehaviorSubject(this.userPreferenceStatus);
-        this.onChange = this.onChangeSubject.asObservable();
+    unsubscribe(id) {
+        return this._operation(id, 'unsubscribe');
     }
-    initUserPreferenceStatus() {
-        this.initUserLanguage();
-    }
-    initUserLanguage() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.locale) {
-                const locale = this.locale || this.getDefaultLocale();
-                this.set(UserPreferenceValues.Locale, locale);
-                this.set('textOrientation', (yield this.getLanguageByKey(locale)).dir || 'ltr');
-            }
-            else {
-                const locale = this.locale || this.getDefaultLocale();
-                this.setWithoutStore(UserPreferenceValues.Locale, locale);
-                this.setWithoutStore('textOrientation', (yield this.getLanguageByKey(locale)).dir || 'ltr');
-            }
-        });
-    }
-    /**
-     * Sets up a callback to notify when a property has changed.
-     * @param property The property to watch
-     * @returns Notification callback
-     */
-    select(property) {
-        return this.onChange
-            .pipe(map((userPreferenceStatus) => userPreferenceStatus[property]), distinctUntilChanged());
-    }
-    /**
-     * Gets a preference property.
-     * @param property Name of the property
-     * @param defaultValue Default to return if the property is not found
-     * @returns Preference property
-     */
-    get(property, defaultValue) {
-        const key = this.getPropertyKey(property);
-        const value = this.storage.getItem(key);
-        if (value === undefined || value === null) {
-            return defaultValue;
-        }
-        return value;
-    }
-    /**
-     * Sets a preference property.
-     * @param property Name of the property
-     * @param value New value for the property
-     */
-    set(property, value) {
-        if (!property) {
-            return;
-        }
-        this.storage.setItem(this.getPropertyKey(property), value);
-        this.userPreferenceStatus[property] = value;
-        this.onChangeSubject.next(this.userPreferenceStatus);
-    }
-    /**
-     * Sets a preference property.
-     * @param property Name of the property
-     * @param value New value for the property
-     */
-    setWithoutStore(property, value) {
-        if (!property) {
-            return;
-        }
-        this.userPreferenceStatus[property] = value;
-        this.onChangeSubject.next(this.userPreferenceStatus);
-    }
-    /**
-     * Check if an item is present in the storage
-     * @param property Name of the property
-     * @returns True if the item is present, false otherwise
-     */
-    hasItem(property) {
-        if (!property) {
-            return false;
-        }
-        return this.storage.hasItem(this.getPropertyKey(property));
-    }
-    /**
-     * Gets the active storage prefix for preferences.
-     * @returns Storage prefix
-     */
-    getStoragePrefix() {
-        return this.storage.getItem('USER_PROFILE') || 'GUEST';
-    }
-    /**
-     * Sets the active storage prefix for preferences.
-     * @param value Name of the prefix
-     */
-    setStoragePrefix(value) {
-        this.storage.setItem('USER_PROFILE', value || 'GUEST');
-        this.initUserPreferenceStatus();
-    }
-    /**
-     * Gets the full property key with prefix.
-     * @param property The property name
-     * @returns Property key
-     */
-    getPropertyKey(property) {
-        return `${this.getStoragePrefix()}__${property}`;
-    }
-    /** Current locale setting. */
-    get locale() {
-        return this.get(UserPreferenceValues.Locale);
-    }
-    set locale(value) {
-        this.set(UserPreferenceValues.Locale, value);
-    }
-    /**
-     * Gets the default locale.
-     * @returns Default locale language code
-     */
-    getDefaultLocale() {
-        return this.translate.getBrowserCultureLang() || 'en';
-    }
-    getLanguageByKey(key) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const translation = yield this.translate.getTranslation(key).toPromise();
-            return translation;
-        });
-    }
-}
-UserPreferencesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UserPreferencesService, deps: [{ token: i1$1.TranslateService }, { token: LocalStoragService }], target: i0.ɵɵFactoryTarget.Injectable });
-UserPreferencesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UserPreferencesService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: UserPreferencesService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: LocalStoragService }]; } });
-
-const Nuxeo$1 = require('nuxeo');
-const doFetch$1 = require('nuxeo/lib/deps/fetch');
-const Unmarshallers$1 = require('nuxeo/lib/unmarshallers/unmarshallers');
-const Authentication$1 = require('nuxeo/lib/auth/auth');
-const qs = require('querystring');
-let NewNuxeoOverride = class NewNuxeoOverride extends Nuxeo$1 {
-    constructor(opts = {}, environment, cookieService) {
-        super(opts);
-        this.environment = environment;
-        this.cookieService = cookieService;
-    }
-    http(opts = {}) {
-        const options = this._computeFetchOptions(opts);
-        return new this.Promise((resolve, reject) => {
-            this._activeRequests += 1;
-            const fetchOptions = {
-                method: options.method,
-                headers: options.headers,
-                body: options.body,
-                signal: options.signal,
-            };
-            if (opts.credentials) {
-                fetchOptions.credentials = opts.credentials;
-            }
-            else if (!this._auth) {
-                fetchOptions.credentials = 'include';
-            }
-            doFetch$1(options.url, fetchOptions)
-                .then((res) => {
-                this._activeRequests -= 1;
-                if (res.status === 401 && !opts.refreshedAuthentication) {
-                    // try re-authenticate
-                    opts.refreshedAuthentication = true;
-                    return this.refreshAccessToken()
-                        // return Authentication.refreshAuthentication(this._baseURL, this._auth)
-                        .then((refreshedToken) => {
-                        //   this.keycloak.getToken().then(refreshedAuth => {
-                        this._auth = {
-                            method: 'bearerToken',
-                            token: refreshedToken,
-                            clientId: this.environment.nuxeoOptions.client_id,
-                            clientSecret: this.environment.nuxeoOptions.client_secret
-                        };
-                        this._notifyAuthenticationRefreshed(refreshedToken);
-                        this.cookieService.set('CMS_CACHABLE', this.encriptFormating(res), 1, '/cts');
-                        return resolve(this.http(opts));
-                        //   });
-                    }, (error) => {
-                        this.logout();
-                        this.login();
-                    })
-                        .catch(() => {
-                        this.logout();
-                        this.login();
-                        throw res;
-                    });
-                }
-                if (!(/^2/.test(`${res.status}`))) {
-                    const error = new Error(res);
-                    throw res;
-                }
-                if (options.resolveWithFullResponse || res.status === 204) {
-                    return resolve(res);
-                }
-                const contentType = res.headers.get('content-type');
-                if (contentType && contentType.indexOf('application/json') === 0) {
-                    options.nuxeo = this;
-                    return resolve(res.json().then((json) => Unmarshallers$1.unmarshall(json, options, res)));
-                }
-                return resolve(res);
-            }).catch((error) => {
-                this._activeRequests -= 1;
-                error.text().then(data => {
-                    let ret = {};
-                    try {
-                        ret = data ? JSON.parse(data) : {};
-                    }
-                    catch (e) {
-                        ret = {};
-                    }
-                    return reject({
-                        status: error.status,
-                        ret
-                    });
-                });
-            });
-        });
-    }
-    refreshAccessToken() {
-        return this.getAccessToken(this.environment.nuxeoOptions.baseURL, this.environment.nuxeoOptions.client_id, this._auth.token.refresh_token, this.environment.nuxeoOptions.client_secret);
-    }
-    login() {
-        window.location.replace(`${this.environment.nuxeoOptions.baseURL}/oauth2/authorize?client_id=${this.environment.nuxeoOptions.client_id}&client_secret=${this.environment.nuxeoOptions.client_secret}&response_type=code&redirect_uri=${this.environment.nuxeoOptions.authRedirectURL}`);
-    }
-    logout() {
-        this.cookieService.set('CMS_CACHABLE', '', 1, '/cts');
-    }
-    encriptFormating(cachable) {
-        let reformatted = btoa(JSON.stringify(cachable));
-        return 'Xnd' + reformatted + 'HsTeT';
-    }
-    // nrefreshAccessToken = (baseURL, clientId, refreshToken, params = {}) => {
-    //   if (!baseURL) {
-    //     throw new Error('Missing `baseURL` argument');
-    //   }
-    //   if (!clientId) {
-    //     throw new Error('Missing `clientId` argument');
-    //   }
-    //   if (!refreshToken) {
-    //     throw new Error('Missing `refreshToken` argument');
-    //   }
-    //   const defaultParams = { refresh_token: refreshToken, grant_type: 'refresh_token', client_id: clientId };
-    //   const body = extend(true, defaultParams, params);
-    //   return fetchAccessToken(baseURL, body);
-    // }
-    getAccessToken(baseURL, clientId, refreshToken, clientSecret) {
-        let body = {
-            refresh_token: refreshToken,
-            grant_type: 'refresh_token',
-            client_id: clientId,
-            client_secret: clientSecret
-        };
-        // const url = baseURL.endsWith('/') ? baseURL : `${baseURL}/`;
-        return new Promise((resolve, reject) => (doFetch$1(`${baseURL}/oauth2/token`, {
-            method: 'POST',
-            body: qs.stringify(body),
-            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
-        })
-            .then((res) => res.json())
-            .then((token) => {
-            if (token.error) {
-                return reject(token.error);
-            }
-            return resolve(token);
-        })
-            .catch((e) => reject(e))));
-    }
-    ;
-};
-NewNuxeoOverride = __decorate([
-    __param(1, Inject('environment'))
-], NewNuxeoOverride);
-
-const Nuxeo = require('nuxeo');
-const doFetch = require('nuxeo/lib/deps/fetch');
-const Unmarshallers = require('nuxeo/lib/unmarshallers/unmarshallers');
-const Authentication = require('nuxeo/lib/auth/auth');
-class NuxeoOverride extends Nuxeo {
-    constructor(opts = {}, keycloak) {
-        super(opts);
-        this.keycloak = keycloak;
-    }
-    http(opts = {}) {
-        const options = this._computeFetchOptions(opts);
-        return new this.Promise((resolve, reject) => {
-            this._activeRequests += 1;
-            const fetchOptions = {
-                method: options.method,
-                headers: options.headers,
-                body: options.body,
-                signal: options.signal,
-            };
-            if (opts.credentials) {
-                fetchOptions.credentials = opts.credentials;
-            }
-            else if (!this._auth) {
-                fetchOptions.credentials = 'include';
-            }
-            doFetch(options.url, fetchOptions)
-                .then((res) => {
-                this._activeRequests -= 1;
-                if (res.status === 401 && !opts.refreshedAuthentication) {
-                    // try re-authenticate
-                    opts.refreshedAuthentication = true;
-                    return this.keycloak.updateToken()
-                        .then((didRefresh) => {
-                        if (didRefresh) {
-                            this.keycloak.getToken().then(refreshedAuth => {
-                                this._auth = refreshedAuth;
-                                this._notifyAuthenticationRefreshed(refreshedAuth);
-                                return resolve(this.http(opts));
-                            });
-                        }
-                        else {
-                            this.keycloak.logout();
-                            throw res;
-                        }
-                    })
-                        .catch(() => {
-                        throw res;
-                    });
-                }
-                if (!(/^2/.test(`${res.status}`))) {
-                    const error = new Error(res);
-                    throw res;
-                }
-                if (options.resolveWithFullResponse || res.status === 204) {
-                    return resolve(res);
-                }
-                const contentType = res.headers.get('content-type');
-                if (contentType && contentType.indexOf('application/json') === 0) {
-                    options.nuxeo = this;
-                    return resolve(res.json().then((json) => Unmarshallers.unmarshall(json, options, res)));
-                }
-                return resolve(res);
-            }).catch((error) => {
-                this._activeRequests -= 1;
-                error.text().then(data => {
-                    let ret = {};
-                    try {
-                        ret = data ? JSON.parse(data) : {};
-                    }
-                    catch (e) {
-                        ret = {};
-                    }
-                    return reject({
-                        status: error.status,
-                        ret
-                    });
-                });
-            });
-        });
-    }
-}
-
-class RolesService {
-    constructor(environment
-    // , private globalAdmin : GlobalAdminService , private nuxeoService : NuxeoService
-    ) {
-        this.environment = environment;
-    }
-    getRoleName(role, code = null) {
-        if (this.environment.RolesConstants[role]) {
-            return code
-                ? this.environment.RolesConstants[role].replace("{departmentTitle}", code)
-                : `^${this.environment.RolesConstants[role].replace("{departmentTitle}", ".*.")}$`;
-        }
-        else {
-            console.warn(`role: ${role} does not exist in roles config`);
-            return role;
-        }
-    }
-    isUserInRole(user, role, code = null) {
-        let hasRole = false;
-        const groups = user ? user.extendedGroups || user.groups : [];
-        if (groups && groups.length > 0) {
-            if (Array.isArray(role)) {
-                role.forEach((r) => {
-                    if (groups.filter((item) => {
-                        if (code) {
-                            return (item.name || item) === this.getRoleName(r, code);
-                        }
-                        else {
-                            const regex = new RegExp(this.getRoleName(r));
-                            return regex.test(item.name || item);
-                        }
-                    }).length > 0) {
-                        hasRole = true;
-                        return;
-                    }
-                });
-            }
-            else {
-                hasRole =
-                    groups.filter((item) => {
-                        if (code) {
-                            return (item.name || item) === this.getRoleName(role, code);
-                        }
-                        else {
-                            const regex = new RegExp(this.getRoleName(role));
-                            return regex.test(item.name || item);
-                        }
-                    }).length > 0;
-            }
-        }
-        return hasRole;
-    }
-    getUserRoleName(user, code) {
-        let found = null;
-        const groups = user ? user.extendedGroups || user.groups : [];
-        if (groups && groups.length) {
-            Object.keys(this.environment.RolesConstants).forEach((key) => {
-                const roleWCode = this.environment.RolesConstants[key].replace("{departmentTitle}", code);
-                if ((code && roleWCode.includes('dms_user_')) || !code)
-                    groups.forEach((group) => {
-                        if (group.name || group === roleWCode) {
-                            found = key;
-                        }
-                    });
-            });
-        }
-        return found;
-    }
-    isUserManagerInDepartment(user, code) {
-        let filteredRoles = Object.values(this.environment.RolesConstants).filter((role) => role.includes("{departmentTitle}"));
-        let departmentRoles = [];
-        let isUserInDepartment = false;
-        const groups = user ? user.extendedGroups || user.groups : [];
-        if (groups && groups.length) {
-            filteredRoles.forEach((key) => {
-                const roleWCode = key.replace("{departmentTitle}", code);
-                departmentRoles.push(roleWCode);
-            });
-        }
-        departmentRoles = departmentRoles.filter((role) => {
-            return role.includes("Manager");
-        });
-        groups.forEach((group) => {
-            const groupName = group.name || group;
-            const departmentIsIncluded = departmentRoles.includes(groupName);
-            if (departmentIsIncluded) {
-                isUserInDepartment = true;
-            }
-        });
-        return isUserInDepartment;
-    }
-    getUserDepartment(currentUser, prefix = "cts_role_", option) {
-        let groupToExclude = "cts_role_sys";
-        if (option && option.isGlobalAdmin) {
-            prefix = `tenant_${option.activeTenant}_cts_role_`;
-            groupToExclude = `tenant_${option.activeTenant}_cts_role_sys`;
-        }
-        else if (option && !option.isGlobalAdmin && option.tenantId) {
-            prefix = `tenant_${option.tenantId}_cts_role_`;
-            groupToExclude = `tenant_${option.tenantId}_cts_role_sys`;
-        }
-        let allGroups = currentUser.properties.groups;
-        let departmentCode = "";
-        allGroups.some((group) => {
-            if (!group.includes(groupToExclude) && group.includes(prefix)) {
-                departmentCode = group;
-                return true;
-            }
-        });
-        let prefixLength = prefix.length;
-        departmentCode = departmentCode.substring(prefixLength);
-        let lastIndex = departmentCode.lastIndexOf("_");
-        departmentCode = departmentCode.substring(0, lastIndex);
-        return departmentCode;
-    }
-}
-RolesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RolesService, deps: [{ token: "environment" }], target: i0.ɵɵFactoryTarget.Injectable });
-RolesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RolesService, providedIn: "root" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RolesService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root",
-                }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: ["environment"]
-                }] }]; } });
-
-class NuxeoService {
-    constructor(http, keycloak, baseHref, environment, cookiesService, rolesService) {
-        this.http = http;
-        this.keycloak = keycloak;
-        this.baseHref = baseHref;
-        this.environment = environment;
-        this.cookiesService = cookiesService;
-        this.rolesService = rolesService;
-        this.excludedUrls = [];
-        this.enableBearerInterceptor = true;
-        this.authenticated = false;
-        this.ctsUser = false;
-        this.ctsManger = false;
-    }
-    init() {
-        return new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
-            try {
-                this.keycloak.getToken().then(token => {
-                    this.createTokenClient(token);
-                    this.nuxeoClient.connect()
-                        .then((client) => {
-                        this.authenticated = true;
-                        resolve(client);
-                        this.checkForRoles();
-                    })
-                        .catch((error) => {
-                        reject(error);
-                    });
-                });
-            }
-            catch (error) {
-                reject(error);
-            }
-        }));
-    }
-    initWithNuxeoToken(token) {
-        return new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
-            try {
-                this.createClientWithNuxeoToken(token);
-                this.nuxeoClient.connect()
-                    .then((client) => {
-                    this.authenticated = true;
-                    resolve(client);
-                    this.checkForRoles();
-                })
-                    .catch((error) => {
-                    reject(error);
-                });
-            }
-            catch (error) {
-                reject(error);
-            }
-        }));
-    }
-    // create nuxeo client using nuxeo token
-    createClientWithNuxeoToken(token) {
-        this.nuxeoClient = new NewNuxeoOverride({
-            baseURL: this.environment.nuxeoOptions.baseURL,
-            auth: {
-                method: 'bearerToken',
-                token: token,
-                clientId: this.environment.nuxeoOptions.client_id,
-                clientSecret: this.environment.nuxeoOptions.client_secret
-            }
-        }, this.environment, this.cookiesService);
-    }
-    // create nuxeo client using keycock token
-    createTokenClient(token) {
-        this.nuxeoClient = new NuxeoOverride({
-            baseURL: this.environment.nuxeo,
-            auth: {
-                method: 'bearerToken',
-                token
-            }
-        }, this.keycloak);
-    }
-    getToken() {
-        return this.keycloak.getToken();
-    }
-    doLogout() {
-        this.keycloak.logout(window.location.origin + this.baseHref);
-    }
-    isUserInRole(role, committeeCode = null) {
-        const simpleObservable = new Observable(observer => {
-            this.keycloak.isLoggedIn().then(logged => {
-                if (!logged) {
-                    observer.next(false);
-                }
-                else {
-                    const hasRole = this.rolesService.isUserInRole(this.nuxeoClient.user, role, committeeCode);
-                    observer.next(hasRole);
-                }
-            });
-        });
-        return simpleObservable;
-    }
-    createBlob(file) {
-        return new NuxeoOverride.Blob({
-            content: file
-        });
-    }
-    getDuplicates(params = {}, body = {}) {
-        return from(this.nuxeoClient
-            .operation('AC_Get_Duplicates', {
-            url: `${this.environment.nuxeo}${this.environment.customAutomation}`,
-        })
-            .params(params)
-            .context(body)
-            .execute()).pipe(catchError((err) => {
-            console.log(err);
-            throw err;
-        }));
-    }
-    checkForRoles() {
-        this.isCtsUser();
-        this.isCtsManger();
-    }
-    isCtsUser() {
-        this.isUserInRole('ctsSecretary', '').subscribe(data => {
-            this.ctsUser = data;
-        });
-    }
-    isCtsManger() {
-        this.isUserInRole('ctsManger', '').subscribe(data => {
-            this.ctsManger = data;
-        });
-    }
-}
-NuxeoService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NuxeoService, deps: [{ token: i1.HttpClient }, { token: i2$1.KeycloakService }, { token: APP_BASE_HREF }, { token: 'environment' }, { token: i3.CookieService }, { token: RolesService }], target: i0.ɵɵFactoryTarget.Injectable });
-NuxeoService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NuxeoService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NuxeoService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2$1.KeycloakService }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [APP_BASE_HREF]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['environment']
-                }] }, { type: i3.CookieService }, { type: RolesService }]; } });
-
-const TRANSLATION_PROVIDER = new InjectionToken('Injection token for translation providers.');
-class TranslationService {
-    constructor(translate, rendererFactory, localStorage, userPreferencesService, appConfig, nuxeoService, environment, providers) {
-        this.translate = translate;
-        this.rendererFactory = rendererFactory;
-        this.localStorage = localStorage;
-        this.appConfig = appConfig;
-        this.nuxeoService = nuxeoService;
-        this.environment = environment;
-        this.isArabic = new BehaviorSubject(false);
-        this.isArabic$ = this.isArabic.asObservable();
-        this.translationApiName = this.appConfig.myConfiguration['translationApi'] ? this.appConfig.myConfiguration['translationApi'] : null;
-        this.customLoader = this.translate.currentLoader;
-        this.renderer = rendererFactory.createRenderer(null, null);
-        this.defaultLang = 'en';
-        translate.setDefaultLang(this.defaultLang);
-        this.customLoader.setDefaultLang(this.defaultLang);
-        if (providers && providers.length > 0) {
-            for (const provider of providers) {
-                this.addTranslationFolder(provider.name, provider.source);
-            }
-        }
-        userPreferencesService
-            .select(UserPreferenceValues.Locale)
-            .subscribe((locale) => {
-            if (locale) {
-                this.userLang = locale.split('-')[0];
-            }
-            if (this.userLang) {
-                this.loadTranslation(this.userLang, this.defaultLang);
-            }
-            else {
-                this.loadTranslation(this.defaultLang);
-            }
-        });
-    }
-    /**
-     * Adds a new folder of translation source files.
-     * @param name Name for the translation provider
-     * @param path Path to the folder
-     */
-    addTranslationFolder(name = '', path = '') {
-        if (!this.customLoader.providerRegistered(name)) {
-            this.customLoader.registerProvider(name, path);
-        }
-    }
-    /**
-     * Loads a translation file.
-     * @param lang Language code for the language to load
-     * @param fallback Language code to fall back to if the first one was unavailable
-     */
-    loadTranslation(lang, fallback) {
-        if (lang === Lang.Arabic) {
-            this.renderer.addClass(document.body, 'rtl');
-            this.isArabic.next(true);
-        }
-        else {
-            this.renderer.removeClass(document.body, 'rtl');
-            this.isArabic.next(false);
-        }
-        const arabicFile$ = this.getOrCreateTranslationFile('ar');
-        const englishFile$ = this.getOrCreateTranslationFile('en');
-        forkJoin([
-            arabicFile$,
-            englishFile$,
-            this.translate.getTranslation(lang),
-        ]).subscribe((res) => {
-            this.arabicFile = res[0];
-            this.englishFile = res[1];
-            this.translate.use(lang);
-            let ArorEnFile = lang === 'en'
-                ? JSON.parse(res[1].properties['note:note'])
-                : JSON.parse(res[0].properties['note:note']);
-            this.translate.setTranslation(this.translate.currentLang, Object.assign({}, ArorEnFile), true);
-            this.onTranslationChanged(lang);
-        }, () => {
-            if (fallback && fallback !== lang) {
-                this.loadTranslation(fallback);
-            }
-        });
-    }
-    /**
-     * Triggers a notification callback when the translation language changes.
-     * @param lang The new language code
-     */
-    onTranslationChanged(lang) {
-        this.translate.onTranslationChange.next({
-            lang: lang,
-            translations: this.customLoader.getFullTranslationJSON(lang),
-        });
-    }
-    /**
-     * Sets the target language for translations.
-     * @param lang Code name for the language
-     * @returns Translations available for the language
-     */
-    use(lang) {
-        this.customLoader.init(lang);
-        return this.translate.use(lang);
-    }
-    /**
-     * Gets the translation for the supplied key.
-     * @param key Key to translate
-     * @param interpolateParams String(s) to be interpolated into the main message
-     * @returns Translated text
-     */
-    get(key, interpolateParams) {
-        return this.translate.get(key, interpolateParams);
-    }
-    /**
-     * Directly returns the translation for the supplied key.
-     * @param key Key to translate
-     * @param interpolateParams String(s) to be interpolated into the main message
-     * @returns Translated text
-     */
-    instant(key, interpolateParams) {
-        return key ? this.translate.instant(key, interpolateParams) : '';
-    }
-    getOrCreateTranslationFile(lang) {
-        return from(this.nuxeoService.nuxeoClient
-            .operation(this.translationApiName ? this.translationApiName : 'AC_UA_Translation_GetOrCreate', {
-            url: `${this.environment.nuxeo}${this.environment.customAutomation}`,
-        })
-            .params({ language: lang })
-            .execute({
-            headers: {
-                properties: '*',
-            },
-        })).pipe(catchError((err) => {
-            console.log(err);
-            throw err;
-        }));
-    }
-    updateTranslationFile(doc, params = {}) {
-        return from(this.nuxeoService.nuxeoClient
-            .repository()
-            .headers({
-            properties: '*',
-        })
-            .update(doc, params)).pipe(map((data) => {
-            return data;
-        }), catchError((err) => {
-            throw err;
-        }));
-    }
-}
-TranslationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TranslationService, deps: [{ token: i1$1.TranslateService }, { token: i0.RendererFactory2 }, { token: LocalStoragService }, { token: UserPreferencesService }, { token: AppConfigService }, { token: NuxeoService }, { token: 'environment' }, { token: TRANSLATION_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-TranslationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TranslationService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TranslationService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: i0.RendererFactory2 }, { type: LocalStoragService }, { type: UserPreferencesService }, { type: AppConfigService }, { type: NuxeoService }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['environment']
-                }] }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [TRANSLATION_PROVIDER]
-                }] }]; } });
-
-const mapNotificationsToPagingResponse = (res) => {
-    return {
-        data: res.entries,
-        page: res.currentPageIndex,
-        totalItems: res.resultsCount || res.totalSize,
-        pageCount: res.pageCount,
-        size: res.pageSize,
-        hasPreviousPage: res.isPreviousPageAvailable,
-        hasNextPage: res.isNextPageAvailable,
-    };
-};
-
-class CallApiService {
-    constructor(nuxeoService) {
-        this.nuxeoService = nuxeoService;
-    }
-    query(queryOptions, options) {
-        return this.inerQuery(queryOptions, options);
-    }
-    inerQuery(queryOptions, options) {
-        return from(this.nuxeoService.nuxeoClient.repository().query(queryOptions, options)).pipe(map((res) => {
-            if (res.entries.length > 0) {
-                res.entries.forEach((data) => {
-                    delete data._nuxeo;
-                    delete data._repository;
-                });
-            }
-            return res;
-        }));
-    }
-}
-CallApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CallApiService, deps: [{ token: NuxeoService }], target: i0.ɵɵFactoryTarget.Injectable });
-CallApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CallApiService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CallApiService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: NuxeoService }]; } });
-
-class NotificationsService {
-    constructor(_callApi, _nuxeoService, _http, _environment) {
-        this._callApi = _callApi;
-        this._nuxeoService = _nuxeoService;
-        this._http = _http;
-        this._environment = _environment;
-    }
-    get _tenantId() {
-        return this._nuxeoService.nuxeoClient.user.properties.tenantId;
-    }
-    get _appKey() {
-        var _a;
-        return (_a = this._environment) === null || _a === void 0 ? void 0 : _a.appKey;
-    }
-    getUnReadCount() {
-        return this._callApi
-            .query({
-            pageProvider: NotificationsService.providers.notificationsMango,
-            pageSize: 1,
-            notfnotificationcontent_company: this._tenantId,
-            notfnotificationcontent_applicationKey: this._appKey,
-            notfnotificationcontent_status: NOTIFICATION_STATUS.new,
-        }, {})
-            .pipe(map((data) => { var _a; return (_a = data.totalSize) !== null && _a !== void 0 ? _a : 0; }));
-    }
-    getNotificationsMongo(payload = {}) {
-        return this._getNotifications(NotificationsService.providers.notificationsMango, payload);
-    }
-    getNotifications(payload = {}) {
-        return this._getNotifications(NotificationsService.providers.notifications, payload);
-    }
-    markAllAsRead() {
-        return this._globalOperation('markAllAsRead');
-    }
-    markAllNewAsUnread() {
-        return this._globalOperation('markAllAsUnread');
-    }
-    markAsRead(id) {
-        return this._operation(id, 'markAsRead');
-    }
-    markAsUnread(id) {
-        return this._operation(id, 'markAsUnread');
-    }
-    markAsDeleted(id) {
-        return this._operation(id, 'markAsDeleted');
-    }
-    unsubscribe(id) {
-        return this._operation(id, 'unsubscribe');
-    }
-    subscribe(id) {
-        return this._operation(id, 'subscribe', {
-            companyName: this._tenantId,
-        });
+    subscribe(id) {
+        return this._operation(id, 'subscribe', {
+            companyName: this._tenantId,
+        });
     }
     resetSubscriptions() {
         return from(this._nuxeoService.nuxeoClient
@@ -28225,8 +27266,6 @@ class BaseNotification extends DestroySubject {
         super();
         this.inject = inject;
         this.notificationsService = this.inject.get(NotificationsService);
-        this._translationService = this.inject.get(TranslationService);
-        this.direction$ = this._translationService.isArabic$.pipe(map((isArabic) => (isArabic ? 'rtl' : 'ltr')));
     }
 }
 BaseNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: BaseNotification, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
@@ -28324,8 +27363,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
 class NotificationSourceSelectComponent extends BaseNotification {
     constructor() {
         super(...arguments);
+        this._translationService = this.inject.get(TranslationService);
         this.sourceTypes$ = this.notificationsService.getSourceTypes();
         this.typeChanged = new EventEmitter();
+        this.direction$ = this._translationService.isArabic$.pipe(map((isArabic) => (isArabic ? 'rtl' : 'ltr')));
     }
     selectFilterType(type) {
         this.selectedFilterType = type;
@@ -28538,6 +27579,7 @@ class BaseListNotifications extends BaseNotification {
         this._paramsService = this.inject.get(ParamsService);
         this._responseService = this.inject.get(ResponseService);
         this._listenerService = this.inject.get(ListenerService);
+        this._translationService = this.inject.get(TranslationService);
         this._cdr = this.inject.get(ChangeDetectorRef);
         this.response$ = this._responseService.response$;
         this.trackByFn = (_, item) => item.uid;
@@ -28701,6 +27743,8 @@ const DEFAULT_LIST_OPTIONS = {
 class NotificationsDateSelectComponent extends BaseNotification {
     constructor() {
         super(...arguments);
+        this._translationService = this.inject.get(TranslationService);
+        this.direction$ = this._translationService.isArabic$.pipe(map((isArabic) => (isArabic ? 'rtl' : 'ltr')));
         this.dateChanged = new EventEmitter();
         this.dates = this._prepareDateList();
     }
@@ -29011,9 +28055,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
             }] } });
 
 class NotificationsButtonComponent extends BaseNotification {
-    constructor(inject, _options) {
+    constructor(inject, _translationService, _options) {
         super(inject);
         this.inject = inject;
+        this._translationService = _translationService;
         this._getCountSub = new BehaviorSubject(null);
         this._showBadgeSub = new BehaviorSubject(false);
         this.showBadge$ = this._showBadgeSub.asObservable();
@@ -29053,8 +28098,8 @@ class NotificationsButtonComponent extends BaseNotification {
         this.isSidebarOpened = value;
     }
 }
-NotificationsButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NotificationsButtonComponent, deps: [{ token: i0.Injector }, { token: NOTIFICATIONS_LIST_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-NotificationsButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NotificationsButtonComponent, selector: "app-notifications-button", inputs: { styleClass: "styleClass", badgeOptions: "badgeOptions" }, outputs: { listItemClick: "listItemClick", openSettings: "openSettings", openNotifications: "openNotifications" }, host: { classAttribute: "inline-flex justify-center items-center notification-button" }, queries: [{ propertyName: "customIconTemplate", first: true, predicate: NOTIFICATION_ICON, descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<button\r\n  *ngIf=\"panelMode === panelModeEnum.panel\"\r\n  [matMenuTriggerFor]=\"notifications\"\r\n  [matBadge]=\"newNotificationCount$ | async\"\r\n  [matBadgeHidden]=\"!(showBadge$ | async)\"\r\n  [matBadgeSize]=\"badgeOptions.size\"\r\n  [matBadgeColor]=\"badgeOptions.color\"\r\n  [matBadgePosition]=\"badgeOptions.position\"\r\n  [class]=\"styleClass\"\r\n  (menuOpened)=\"markAllAsUnread()\"\r\n>\r\n  <ng-container [ngTemplateOutlet]=\"customIconTemplate || defaultIconTemplate\">\r\n  </ng-container>\r\n</button>\r\n\r\n<mat-menu #notifications=\"matMenu\" class=\"notification-list-panel\">\r\n  <ng-template matMenuContent>\r\n    <app-notifications-list\r\n      (itemClicked)=\"listItemClick.emit($event); notifications.closed.emit()\"\r\n      (openSettings)=\"openSettings.emit($event); notifications.closed.emit()\"\r\n      (openNotifications)=\"openNotifications.emit($event); notifications.closed.emit()\"\r\n      (markAllRead)=\"hideBadgeCount()\"\r\n    ></app-notifications-list>\r\n  </ng-template>\r\n  <div class=\"notification-list-panel__footer flex justify-center\">\r\n    <ng-content select=\"[notifications-footer]\"></ng-content>\r\n  </div>\r\n</mat-menu>\r\n\r\n<ng-container *ngIf=\"panelMode === panelModeEnum.sidebar\">\r\n  <button\r\n    [matBadge]=\"newNotificationCount$ | async\"\r\n    [matBadgeHidden]=\"!(showBadge$ | async)\"\r\n    [matBadgeSize]=\"badgeOptions.size\"\r\n    [matBadgeColor]=\"badgeOptions.color\"\r\n    [matBadgePosition]=\"badgeOptions.position\"\r\n    [class]=\"styleClass\"\r\n    (click)=\"toggleSideBar();markAllAsUnread()\"\r\n  >\r\n    <ng-container [ngTemplateOutlet]=\"customIconTemplate || defaultIconTemplate\">\r\n    </ng-container>\r\n  </button>\r\n  <app-notifications-sidebar [(visible)]=\"isSidebarOpened\" [position]=\"sidebarPosition$ | async\">\r\n    <ng-template appNotificationSidebarContent>\r\n      <app-notifications-list\r\n        class=\"notifications-sidebar\"\r\n        (itemClicked)=\"listItemClick.emit($event);toggleSideBar(false)\"\r\n        (openSettings)=\"openSettings.emit($event);toggleSideBar(false)\"\r\n        (openNotifications)=\"openNotifications.emit($event);toggleSideBar(false)\"\r\n        (markAllRead)=\"hideBadgeCount()\"\r\n      ></app-notifications-list>\r\n    </ng-template>\r\n  </app-notifications-sidebar>\r\n</ng-container>\r\n\r\n<ng-template #defaultIconTemplate>\r\n  <i class=\"bi bi-bell bell\"></i>\r\n</ng-template>\r\n", styles: [".notification-button{font-size:var(--not-btn-font-size, 1.5rem);width:var(--not-btn-width, 40px)}.notification-list-panel{--width: var(--nos-panel-width, min(80vw, 450px));width:var(--width);border-radius:var(--nos-panel-radius, 5px);overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;background:var(--nos-panel-background, #fff)}.notification-list-panel.mat-menu-panel{max-width:var(--width);max-height:var(--nos-panel-max-height, var(--height))}.notification-list-panel__navigate-btn{background:var(--not-btn-background, transparent);border-radius:var(--not-btn-radius, 5px);padding:var(--not-btn-padding, .5rem 1rem);margin:var(--not-btn-margin, .5rem 0);color:var(--not-btn-color, currentColor);width:var(--not-btn-width, 90%)}.notification-list-panel__navigate-btn:hover{--not-btn-background: var(--not-btn-hover-background, #f0f0f0);--not-btn-color: var(--not-btn-hover-color);-webkit-text-decoration:var(--not-btn-decoration, none);text-decoration:var(--not-btn-decoration, none)}.notification-list-panel__navigate-btn:active{--not-btn-background: var(--not-btn-active-background, #e2e2e2);--not-btn-color: var(--not-btn-active-color)}.notifications-sidebar{--nto-list-header-padding: var(--sidebar-list-header-padding , 1rem);--nto-list-height: var(--sidebar-list-height , calc(100vh - 100px))}\n"], components: [{ type: i2$4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: NotificationsListComponent, selector: "app-notifications-list", outputs: ["openSettings", "openNotifications"] }, { type: NotificationsSidebarComponent, selector: "app-notifications-sidebar", inputs: ["appendToBody", "clearOnCLose", "visible", "position"], outputs: ["visibleChange", "onShow", "onHide"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5$4.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgePosition", "matBadgeSize", "matBadgeColor", "matBadgeOverlap", "matBadgeDescription", "matBadgeHidden", "matBadge"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2$4.MatMenuContent, selector: "ng-template[matMenuContent]" }, { type: NotificationSidebarContentDirective, selector: "[appNotificationSidebarContent]" }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+NotificationsButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NotificationsButtonComponent, deps: [{ token: i0.Injector }, { token: TranslationService }, { token: NOTIFICATIONS_LIST_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+NotificationsButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NotificationsButtonComponent, selector: "app-notifications-button", inputs: { styleClass: "styleClass", badgeOptions: "badgeOptions" }, outputs: { listItemClick: "listItemClick", openSettings: "openSettings", openNotifications: "openNotifications" }, host: { classAttribute: "inline-flex justify-center items-center notification-button" }, queries: [{ propertyName: "customIconTemplate", first: true, predicate: NOTIFICATION_ICON, descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<button\r\n  *ngIf=\"panelMode === panelModeEnum.panel\"\r\n  [matMenuTriggerFor]=\"notifications\"\r\n  [matBadge]=\"newNotificationCount$ | async\"\r\n  [matBadgeHidden]=\"!(showBadge$ | async)\"\r\n  [matBadgeSize]=\"badgeOptions.size\"\r\n  [matBadgeColor]=\"badgeOptions.color\"\r\n  [matBadgePosition]=\"badgeOptions.position\"\r\n  [class]=\"styleClass\"\r\n  (menuOpened)=\"markAllAsUnread()\"\r\n>\r\n  <ng-container [ngTemplateOutlet]=\"customIconTemplate || defaultIconTemplate\">\r\n  </ng-container>\r\n</button>\r\n\r\n<mat-menu #notifications=\"matMenu\" class=\"notification-list-panel\">\r\n  <ng-template matMenuContent>\r\n    <app-notifications-list\r\n      (itemClicked)=\"listItemClick.emit($event); notifications.closed.emit()\"\r\n      (openSettings)=\"openSettings.emit($event); notifications.closed.emit()\"\r\n      (openNotifications)=\"openNotifications.emit($event); notifications.closed.emit()\"\r\n      (markAllRead)=\"hideBadgeCount()\"\r\n    ></app-notifications-list>\r\n  </ng-template>\r\n  <div class=\"notification-list-panel__footer flex justify-center\">\r\n    <ng-content select=\"[notifications-footer]\"></ng-content>\r\n  </div>\r\n</mat-menu>\r\n\r\n<ng-container *ngIf=\"panelMode === panelModeEnum.sidebar\">\r\n  <button\r\n    [matBadge]=\"newNotificationCount$ | async\"\r\n    [matBadgeHidden]=\"!(showBadge$ | async)\"\r\n    [matBadgeSize]=\"badgeOptions.size\"\r\n    [matBadgeColor]=\"badgeOptions.color\"\r\n    [matBadgePosition]=\"badgeOptions.position\"\r\n    [class]=\"styleClass\"\r\n    (click)=\"toggleSideBar();markAllAsUnread()\"\r\n  >\r\n    <ng-container [ngTemplateOutlet]=\"customIconTemplate || defaultIconTemplate\">\r\n    </ng-container>\r\n  </button>\r\n  <app-notifications-sidebar [(visible)]=\"isSidebarOpened\" [position]=\"sidebarPosition$ | async\">\r\n    <ng-template appNotificationSidebarContent>\r\n      <app-notifications-list\r\n        class=\"notifications-sidebar\"\r\n        (itemClicked)=\"listItemClick.emit($event);toggleSideBar(false)\"\r\n        (openSettings)=\"openSettings.emit($event);toggleSideBar(false)\"\r\n        (openNotifications)=\"openNotifications.emit($event);toggleSideBar(false)\"\r\n        (markAllRead)=\"hideBadgeCount()\"\r\n      ></app-notifications-list>\r\n    </ng-template>\r\n  </app-notifications-sidebar>\r\n</ng-container>\r\n\r\n<ng-template #defaultIconTemplate>\r\n  <i class=\"bi bi-bell bell\"></i>\r\n</ng-template>\r\n", styles: [".notification-button{font-size:var(--not-btn-font-size, 1.5rem);width:var(--not-btn-width, 40px)}.notification-list-panel{--width: var(--nos-panel-width, min(80vw, 450px));width:var(--width);border-radius:var(--nos-panel-radius, 5px);overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;background:var(--nos-panel-background, #fff)}.notification-list-panel.mat-menu-panel{max-width:var(--width);max-height:var(--nos-panel-max-height, var(--height))}.notification-list-panel__navigate-btn{background:var(--not-btn-background, transparent);border-radius:var(--not-btn-radius, 5px);padding:var(--not-btn-padding, .5rem 1rem);margin:var(--not-btn-margin, .5rem 0);color:var(--not-btn-color, currentColor);width:var(--not-btn-width, 90%)}.notification-list-panel__navigate-btn:hover{--not-btn-background: var(--not-btn-hover-background, #f0f0f0);--not-btn-color: var(--not-btn-hover-color);-webkit-text-decoration:var(--not-btn-decoration, none);text-decoration:var(--not-btn-decoration, none)}.notification-list-panel__navigate-btn:active{--not-btn-background: var(--not-btn-active-background, #e2e2e2);--not-btn-color: var(--not-btn-active-color)}.notifications-sidebar{--nto-list-header-padding: var(--sidebar-list-header-padding , 1rem);--nto-list-height: var(--sidebar-list-height , calc(100vh - 100px))}\n"], components: [{ type: i2$4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: NotificationsListComponent, selector: "app-notifications-list", outputs: ["openSettings", "openNotifications"] }, { type: NotificationsSidebarComponent, selector: "app-notifications-sidebar", inputs: ["appendToBody", "clearOnCLose", "visible", "position"], outputs: ["visibleChange", "onShow", "onHide"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i6$5.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgePosition", "matBadgeSize", "matBadgeColor", "matBadgeOverlap", "matBadgeDescription", "matBadgeHidden", "matBadge"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2$4.MatMenuContent, selector: "ng-template[matMenuContent]" }, { type: NotificationSidebarContentDirective, selector: "[appNotificationSidebarContent]" }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NotificationsButtonComponent, decorators: [{
             type: Component,
             args: [{
@@ -29067,7 +28112,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                         class: 'inline-flex justify-center items-center notification-button',
                     },
                 }]
-        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: TranslationService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -29568,7 +28613,7 @@ class NotificationToastComponent extends Toast {
         this.id = this.toastPackage.toastRef.componentInstance.id;
         if (this.userPreferenceService) {
             this.userPreferenceService
-                .select(UserPreferenceValues$1.Locale)
+                .select(UserPreferenceValues.Locale)
                 .pipe(takeUntil(this.onDestroy$))
                 .subscribe((locale) => {
                 this.lang = locale === 'ar' ? 'rtl' : 'ltr';
@@ -29588,7 +28633,7 @@ class NotificationToastComponent extends Toast {
         // );
     }
 }
-NotificationToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NotificationToastComponent, deps: [{ token: i1$3.ToastrService }, { token: i1$3.ToastPackage }, { token: UserPreferencesService$1 }], target: i0.ɵɵFactoryTarget.Component });
+NotificationToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NotificationToastComponent, deps: [{ token: i1$3.ToastrService }, { token: i1$3.ToastPackage }, { token: UserPreferencesService }], target: i0.ɵɵFactoryTarget.Component });
 NotificationToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NotificationToastComponent, selector: "app-notification-toast", usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"toast-container\"\r\n  [style.display]=\"state.value === 'inactive' ? 'none' : ''\"\r\n  [dir]=\"lang\"\r\n>\r\n  <ng-container (click)=\"navigateToDetais()\">\r\n    <div class=\"icon-container rounded-s-md\">\r\n      <svg\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        width=\"25.667\"\r\n        height=\"30\"\r\n        viewBox=\"0 0 21.667 26\"\r\n      >\r\n        <g\r\n          id=\"Group_1724\"\r\n          data-name=\"Group 1724\"\r\n          transform=\"translate(-1562 -49)\"\r\n        >\r\n          <g\r\n            id=\"Group_1714\"\r\n            data-name=\"Group 1714\"\r\n            transform=\"translate(1562 49)\"\r\n          >\r\n            <path\r\n              id=\"Path_6882\"\r\n              data-name=\"Path 6882\"\r\n              d=\"M63.661,18.322a7.256,7.256,0,0,1-2.577-5.552V9.75a7.589,7.589,0,0,0-6.5-7.5V1.083a1.083,1.083,0,1,0-2.167,0v1.17a7.589,7.589,0,0,0-6.5,7.5v3.02a7.264,7.264,0,0,1-2.587,5.561,1.9,1.9,0,0,0,1.233,3.336H62.438a1.9,1.9,0,0,0,1.223-3.344Z\"\r\n              transform=\"translate(-42.667)\"\r\n              fill=\"#fff\"\r\n            />\r\n            <path\r\n              id=\"Path_6883\"\r\n              data-name=\"Path 6883\"\r\n              d=\"M181.6,451.25a4.069,4.069,0,0,0,3.98-3.25h-7.96A4.069,4.069,0,0,0,181.6,451.25Z\"\r\n              transform=\"translate(-170.768 -425.25)\"\r\n              fill=\"#fff\"\r\n            />\r\n          </g>\r\n        </g>\r\n      </svg>\r\n    </div>\r\n    <div class=\"toast-content-container\">\r\n      <div\r\n        *ngIf=\"title\"\r\n        [class]=\"options.titleClass\"\r\n        [attr.aria-label]=\"title\"\r\n        class=\"toast-content\"\r\n      >\r\n        {{ title }}\r\n      </div>\r\n      <div\r\n        *ngIf=\"message\"\r\n        role=\"alert\"\r\n        aria-live=\"polite\"\r\n        [class]=\"options.messageClass\"\r\n        [attr.aria-label]=\"message\"\r\n        class=\"message\"\r\n      >\r\n        {{ message }}\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n  <div *ngIf=\"options.closeButton\" (click)=\"remove()\" class=\"remove\">\r\n    <mat-icon class=\"\">close</mat-icon>\r\n  </div>\r\n</div>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.toast-container{cursor:pointer;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-left:16px;margin-right:16px;position:relative;width:400px;height:80px;box-shadow:0 0 4px #0000003b;background-color:#fff;border-radius:5px}.toast-container .icon-container{background-color:#1a96c6;grid-column:span 1/span 1;display:flex;align-items:center;justify-content:center}.toast-container .toast-content-container{grid-column:span 3/span 3;display:flex;flex-direction:column;padding-top:4px;padding-bottom:4px;padding-inline-start:8px;overflow:hidden}.toast-container .toast-content-container .toast-content{font-size:15px;color:#6a768e;overflow:hidden}.toast-container .toast-content-container .message{color:#1a96c6;font-size:14px;line-height:20px}.toast-container .remove{grid-column:span 1/span 1;cursor:pointer;display:flex;justify-content:flex-end;padding-inline-end:8px}.toast-container .remove mat-icon{color:#8f98aa;font-size:20px;line-height:28px}.rounded-s-md{border-top-left-radius:6px;border-bottom-left-radius:6px}[dir=rtl] .rounded-s-md{border-top-right-radius:6px;border-bottom-right-radius:6px}\n"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NotificationToastComponent, decorators: [{
             type: Component,
@@ -29598,7 +28643,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     styleUrls: ['./notification-toast.component.scss'],
                     // encapsulation: ViewEncapsulation.None,
                 }]
-        }], ctorParameters: function () { return [{ type: i1$3.ToastrService }, { type: i1$3.ToastPackage }, { type: UserPreferencesService$1 }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToastrService }, { type: i1$3.ToastPackage }, { type: UserPreferencesService }]; } });
 
 const COMPONENTS = [NotificationToastComponent];
 class ToastsModule {
@@ -29730,14 +28775,14 @@ class InitializationService {
         return JSON.parse(atob(newFormate));
     }
 }
-InitializationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InitializationService, deps: [{ token: i2$1.KeycloakService }, { token: NuxeoService$1 }, { token: i1$2.Router }, { token: i3.CookieService }, { token: i1.HttpClient }, { token: LocalStoragService$1 }, { token: UserPreferencesService$1 }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
+InitializationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InitializationService, deps: [{ token: i2$1.KeycloakService }, { token: NuxeoService }, { token: i1$2.Router }, { token: i3.CookieService }, { token: i1.HttpClient }, { token: LocalStoragService }, { token: UserPreferencesService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
 InitializationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InitializationService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InitializationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i2$1.KeycloakService }, { type: NuxeoService$1 }, { type: i1$2.Router }, { type: i3.CookieService }, { type: i1.HttpClient }, { type: LocalStoragService$1 }, { type: UserPreferencesService$1 }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i2$1.KeycloakService }, { type: NuxeoService }, { type: i1$2.Router }, { type: i3.CookieService }, { type: i1.HttpClient }, { type: LocalStoragService }, { type: UserPreferencesService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
                 }] }]; } });
@@ -29923,5 +28968,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ActivitiesLogComponent, ActivitiesLogModule, ActivityLineComponent, AdapterService, AddPermissionsDialogComponent, AddToCollectionComponent, AppConfigService, AppHasRoleDirective, AttachmentItemComponent, AttachmentItemModule, AttachmentModalModule, AttachmentsComponent, AttachmentsListComponent, AttachmentsPageProviderComponent, AvatarComponent, AvatarModule, BooleanViewerComponent, ButtonComponent, CallApiService$1 as CallApiService, CardComponent, CardModule, ChartDataService, ClickOutsideDirective, ClipboardComponent, CommentApiService, CommentsDashletComponent, CommentsModule, ComponentRegisterService, ComponentTranslationModel, ConfirmCallerDialogComponent, ConfirmCallerModule, ConfirmDialogComponent, ConfirmationDialogComponent, ConfirmationDialogModule, ContentActionType, CopyComponent, CorrespondenceRelationComponent, CorrespondenceRelationModule, CorrespondenceRelationService, CorrespondenceTagsComponent, CreateDirectoryComponent, CreateEntityComponent, CreateEntityModule, CreateModalComponent, CreationTypeComponent, CtsTagsModule, CustomDocumentViewerComponent, CustomPpViewerComponent, CustomToastrModule, CustomToastrService, CutomeVocViewerComponent, DataViewerComponent, DateFormatterService, DateHelperService, DateViewerComponent, DeleteComponent, DepartmentApiService, DepartmentFormComponent, DepartmentManagementService, DepartmentViewerComponent, DialogMangmentService, DirectiveModule, DisplaySuitableIconComponent, DisplaySuitableIconModule, DocumentScanService, DocumentTemplatesConstants, DocumentTemplatesService, DocumentUploadComponent, DocumentsComponent, DocumentsConstants, DocumentsListComponent, DocumentsModule, DocumentsService, DragAndDropDirective, DropdownViewerComponent, DynamicChartComponent, DynamicChartModule, DynamicColumnComponent, 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, DynamicSingleChartComponent, DynamicTableComponent, DynamicTableModule, DynamicTableService, DynamicTabsComponent, DynamicTabsModule, DynamicViewModule, EXTENSION_JSONS, EnvManager, EvaluatorsService, ExtensionLoaderService, ExtensionService, FILTER_DATES_TYPE, FileGridInfiniteScrollDirective, FileManagerAbstract, FileManagerAdapter, FileManagerService, FileMangerModule, FileSizePipe, FilterComponent, FilterModule, FolderModalComponent, FormBuilderService, GlobalAdminService, GlobalPdfTron, GregorianDatepickerComponent, HijriDatePipe, HijriDatepickerComponent, HijriGregorianDatepickerComponent, IconService, InitializationService, ItemListComponent, Lang$1 as Lang, LatestActivityComponent, LatestActivityModule, LibrarySharedModule, ListViewerComponent, LoanRequestComponent, LocalStoragService$1 as LocalStoragService, LocalizedDatePipe, MY_MOMENT_FORMATS, MainfolderService, MomentDateAdapter, MoveComponent, MultiValuePipe, MultipleDynamicFormViewerComponent, MutipleDynamicFormViewerModule, NOTIFICATIONS_LIST_OPTIONS, NOTIFICATION_ICON, NOTIFICATION_ITEM, NOTIFICATION_STATUS, NgxHijriGregorianDatepickerModule, NoDataComponent, NotificationIconDirective, NotificationItemComponent, NotificationItemDirective, NotificationSourceSelectComponent, NotificationStatusToggleComponent, NotificationToastComponent, NotificationsButtonComponent, NotificationsDateSelectComponent, NotificationsListComponent, NotificationsListContainerComponent, NotificationsModule, NotificationsService, NotificationsSettingsContainerComponent, NuxeoCoreModule, NuxeoDevelopmentFrameworkComponent, NuxeoDevelopmentFrameworkModule, NuxeoDevelopmentFrameworkService, NuxeoService$1 as NuxeoService, PAGINATION_MODE, PANEL_MODE, PaginationComponent, PaginationModule, PdfTronModule, PdftronComponent, PdftronService, PermissionService, PermissionsComponent, PermissionsDirective, PermissionsModule, PermissionsTemplateComponent, PipesModule, PublishDialogComponent, PublishingDocumentService, ReadMoreComponent, RecentlyViewedService, RenameComponent, RolesService$1 as RolesService, SUBSCRIPTION_STATE, SafeHtmlPipe, ScanComponent, ScanModalComponent, SearchAutocompleteComponent, SecurePipe, SelectComponent, SelectModule, SelectUsersByDepartmentModule, SelectUsersByDepartmentsComponent, SetDirRtlDirective, SetRtlDirective, ShareDialogComponent, SharedDocsService, SharedServicesModule, SidepanelComponent, SingleActivityComponent, SpinnerComponent, TRANSLATION_PROVIDER$1 as TRANSLATION_PROVIDER, TableComponent, TableModule, TagsApiService, TemplateModalComponent, TimeAgoPipe, ToastsModule, TransferDocComponent, TranslateLoaderService, TranslatedVocabularySelectComponent, TranslationService$1 as TranslationService, TreeviewSelectComponent, UpdateModalComponent, UploadFileService, UploadManagmentService, UserCardComponent, UserComponent, UserModule, UserPreferenceValues$1 as UserPreferenceValues, UserPreferencesService$1 as UserPreferencesService, UserService, UsersCardComponent, UsersCardModule, VersionsComponent, ViewerFilesService, ViewerLogComponent, ViewerLogModule, VocabularyApiService, VocabularyComponent, VocabularyModule, appInitializer, departmentCacheBuster$, extensionJsonsFactory, filterEnabled, getValue, mergeArrays, mergeObjects, minute$1 as minute, provideExtensionConfig, reduceEmptyMenus, reduceSeparators, sortByOrder };
+export { ActivitiesLogComponent, ActivitiesLogModule, ActivityLineComponent, AdapterService, AddPermissionsDialogComponent, AddToCollectionComponent, AppConfigService, AppHasRoleDirective, AttachmentItemComponent, AttachmentItemModule, AttachmentModalModule, AttachmentsComponent, AttachmentsListComponent, AttachmentsPageProviderComponent, AvatarComponent, AvatarModule, BooleanViewerComponent, ButtonComponent, CallApiService, CardComponent, CardModule, ChartDataService, ClickOutsideDirective, ClipboardComponent, CommentApiService, CommentsDashletComponent, CommentsModule, ComponentRegisterService, ComponentTranslationModel, ConfirmCallerDialogComponent, ConfirmCallerModule, ConfirmDialogComponent, ConfirmationDialogComponent, ConfirmationDialogModule, ContentActionType, CopyComponent, CorrespondenceRelationComponent, CorrespondenceRelationModule, CorrespondenceRelationService, CorrespondenceTagsComponent, CreateDirectoryComponent, CreateEntityComponent, CreateEntityModule, CreateModalComponent, CreationTypeComponent, CtsTagsModule, CustomDocumentViewerComponent, CustomPpViewerComponent, CustomToastrModule, CustomToastrService, CutomeVocViewerComponent, DataViewerComponent, DateFormatterService, DateHelperService, DateViewerComponent, DeleteComponent, DepartmentApiService, DepartmentFormComponent, DepartmentManagementService, DepartmentViewerComponent, DialogMangmentService, DirectiveModule, DisplaySuitableIconComponent, DisplaySuitableIconModule, DocumentScanService, DocumentTemplatesConstants, DocumentTemplatesService, DocumentUploadComponent, DocumentsComponent, DocumentsConstants, DocumentsListComponent, DocumentsModule, DocumentsService, DragAndDropDirective, DropdownViewerComponent, DynamicChartComponent, DynamicChartModule, DynamicColumnComponent, 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, DynamicSingleChartComponent, DynamicTableComponent, DynamicTableModule, DynamicTableService, DynamicTabsComponent, DynamicTabsModule, DynamicViewModule, EXTENSION_JSONS, EnvManager, EvaluatorsService, ExtensionLoaderService, ExtensionService, FILTER_DATES_TYPE, FileGridInfiniteScrollDirective, FileManagerAbstract, FileManagerAdapter, FileManagerService, FileMangerModule, FileSizePipe, FilterComponent, FilterModule, FolderModalComponent, FormBuilderService, GlobalAdminService, GlobalPdfTron, GregorianDatepickerComponent, HijriDatePipe, HijriDatepickerComponent, HijriGregorianDatepickerComponent, IconService, InitializationService, ItemListComponent, Lang, LatestActivityComponent, LatestActivityModule, LibrarySharedModule, ListViewerComponent, LoanRequestComponent, LocalStoragService, LocalizedDatePipe, MY_MOMENT_FORMATS, MainfolderService, MomentDateAdapter, MoveComponent, MultiValuePipe, MultipleDynamicFormViewerComponent, MutipleDynamicFormViewerModule, NOTIFICATIONS_LIST_OPTIONS, NOTIFICATION_ICON, NOTIFICATION_ITEM, NOTIFICATION_STATUS, NgxHijriGregorianDatepickerModule, NoDataComponent, NotificationIconDirective, NotificationItemComponent, NotificationItemDirective, NotificationSourceSelectComponent, NotificationStatusToggleComponent, NotificationToastComponent, NotificationsButtonComponent, NotificationsDateSelectComponent, NotificationsListComponent, NotificationsListContainerComponent, NotificationsModule, NotificationsService, NotificationsSettingsContainerComponent, NuxeoCoreModule, NuxeoDevelopmentFrameworkComponent, NuxeoDevelopmentFrameworkModule, NuxeoDevelopmentFrameworkService, NuxeoService, PAGINATION_MODE, PANEL_MODE, PaginationComponent, PaginationModule, PdfTronModule, PdftronComponent, PdftronService, PermissionService, PermissionsComponent, PermissionsDirective, PermissionsModule, PermissionsTemplateComponent, PipesModule, PublishDialogComponent, PublishingDocumentService, ReadMoreComponent, RecentlyViewedService, RenameComponent, RolesService, SUBSCRIPTION_STATE, SafeHtmlPipe, ScanComponent, ScanModalComponent, SearchAutocompleteComponent, SecurePipe, SelectComponent, SelectModule, SelectUsersByDepartmentModule, SelectUsersByDepartmentsComponent, SetDirRtlDirective, SetRtlDirective, ShareDialogComponent, SharedDocsService, SharedServicesModule, SidepanelComponent, SingleActivityComponent, SpinnerComponent, TRANSLATION_PROVIDER, TableComponent, TableModule, TagsApiService, TemplateModalComponent, TimeAgoPipe, ToastsModule, TransferDocComponent, TranslateLoaderService, TranslatedVocabularySelectComponent, TranslationService, TreeviewSelectComponent, UpdateModalComponent, UploadFileService, UploadManagmentService, UserCardComponent, UserComponent, UserModule, UserPreferenceValues, UserPreferencesService, UserService, UsersCardComponent, UsersCardModule, VersionsComponent, ViewerFilesService, ViewerLogComponent, ViewerLogModule, VocabularyApiService, VocabularyComponent, VocabularyModule, appInitializer, departmentCacheBuster$, extensionJsonsFactory, filterEnabled, getValue, mergeArrays, mergeObjects, minute$1 as minute, provideExtensionConfig, reduceEmptyMenus, reduceSeparators, sortByOrder };
 //# sourceMappingURL=nuxeo-development-framework.js.map