@lenne.tech/ng-base 14.21.3 → 14.22.0

package/fesm2020/lenne.tech-ng-base-shared.mjs

@@ -171,11 +171,11 @@ class Helper {
         return Object.freeze(object);
     }
     /**
-     * Generates an unique identifier with 24 characters
+     * Generates an unique identifier with a specific length
      */
-    static getUID() {
+    static getUID(length = 24) {
         let dt = new Date().getTime();
-        const uuid = 'xxxxxxxxxxxxxxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
+        const uuid = 'x'.repeat(length).replace(/[xy]/g, (c) => {
             // eslint-disable-next-line no-bitwise
             const r = (dt + Math.random() * 16) % 16 | 0;
             dt = Math.floor(dt / 16);
@@ -450,6 +450,29 @@ class GraphQLMeta {
             throw Error('Missing schema');
         }
     }
+    /**
+     * Get an object with GraphQLRequestType (operation type) as keys and method (fields) names as value
+     */
+    getMethodNames() {
+        return {
+            query: Object.keys(this.schema.getQueryType()?.getFields() || {}),
+            mutation: Object.keys(this.schema.getMutationType()?.getFields() || {}),
+            subscription: Object.keys(this.schema.getSubscriptionType()?.getFields() || {}),
+        };
+    }
+    /**
+     * Get GraphQLRequestTypes (operation types) via method (field) name
+     */
+    getRequestTypesViaMethod(methodName) {
+        const result = [];
+        const methodNames = this.getMethodNames();
+        for (const [key, value] of Object.entries(methodNames)) {
+            if (value.includes(methodName)) {
+                result.push(key);
+            }
+        }
+        return result;
+    }
     /**
      * We're going to get the query and mutation types from the schema, then we're going to loop through the fields of each
      * type and check if the field name starts with `find`, `create`, `update`, or `delete`. If it does, we're going to add
@@ -944,9 +967,9 @@ class StorageService {
         this.storage.clear();
     }
 }
-StorageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: StorageService, deps: [{ token: BASE_MODULE_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
-StorageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: StorageService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: StorageService, decorators: [{
+StorageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: StorageService, deps: [{ token: BASE_MODULE_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+StorageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: StorageService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: StorageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -961,9 +984,9 @@ class WsService {
         this.client?.restart();
     }
 }
-WsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: WsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-WsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: WsService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: WsService, decorators: [{
+WsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+WsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1029,9 +1052,9 @@ class AuthService {
         return this._token.asObservable();
     }
 }
-AuthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: AuthService, deps: [{ token: BASE_MODULE_CONFIG }, { token: StorageService }, { token: WsService }], target: i0.ɵɵFactoryTarget.Injectable });
-AuthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: AuthService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: AuthService, decorators: [{
+AuthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: AuthService, deps: [{ token: BASE_MODULE_CONFIG }, { token: StorageService }, { token: WsService }], target: i0.ɵɵFactoryTarget.Injectable });
+AuthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: AuthService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: AuthService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1156,9 +1179,9 @@ class GraphQLMetaService {
         return observable;
     }
 }
-GraphQLMetaService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: GraphQLMetaService, deps: [{ token: i1.Apollo }], target: i0.ɵɵFactoryTarget.Injectable });
-GraphQLMetaService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: GraphQLMetaService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: GraphQLMetaService, decorators: [{
+GraphQLMetaService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: GraphQLMetaService, deps: [{ token: i1.Apollo }], target: i0.ɵɵFactoryTarget.Injectable });
+GraphQLMetaService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: GraphQLMetaService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: GraphQLMetaService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1179,10 +1202,10 @@ class GraphQLService {
     /**
      * GraphQL request
      */
-    graphQl(graphql, options = {}) {
-        // Check arguments
-        if (!graphql) {
-            throwError('Missing graphql argument');
+    graphQl(graphqlMethodName, options = {}) {
+        // Check parameters
+        if (!graphqlMethodName) {
+            throwError(() => new Error('Missing graphql method name'));
         }
         // Get config
         const config = {
@@ -1190,7 +1213,6 @@ class GraphQLService {
             fields: null,
             log: false,
             model: null,
-            type: GraphQLRequestType.QUERY,
             ...options,
         };
         // Convert class to Object for arguments
@@ -1209,6 +1231,21 @@ class GraphQLService {
         return new Observable((subscriber) => {
             // Get meta
             this.graphQLMetaService.getMeta({ log: config.log }).subscribe((meta) => {
+                // Set GraphQLRequestType automatically
+                if (!config.type) {
+                    const types = meta.getRequestTypesViaMethod(graphqlMethodName);
+                    if (!types?.length) {
+                        throwError(() => new Error('No GraphQLRequestType detected'));
+                    }
+                    config.type = types[0];
+                    if (config.type) {
+                        throwError(() => new Error('No GraphQLRequestType detected'));
+                    }
+                    if (types.length > 1) {
+                        // eslint-disable-next-line no-console
+                        console.debug('GraphQLRequestType ' + config.type + ' used for ' + graphqlMethodName, types);
+                    }
+                }
                 // Prepare fields
                 let fields;
                 let allowedFields;
@@ -1217,7 +1254,7 @@ class GraphQLService {
                     console.log({ meta });
                 }
                 if (config.fields) {
-                    allowedFields = meta.getFields(graphql, { type: config.type });
+                    allowedFields = meta.getFields(graphqlMethodName, { type: config.type });
                     // Log meta
                     if (config.log) {
                         console.log({ allowedFields });
@@ -1235,7 +1272,7 @@ class GraphQLService {
                     console.log({ fields });
                 }
                 // Get allowed args
-                const allowedArgs = meta.getArgs(graphql, { type: config.type });
+                const allowedArgs = meta.getArgs(graphqlMethodName, { type: config.type });
                 // Log allowed args
                 if (config.log) {
                     console.log({ allowedArgs });
@@ -1259,17 +1296,43 @@ class GraphQLService {
                 }
                 // Log
                 if (config.log) {
-                    console.log({ graphQL: graphql, args, fields, type: config.type });
+                    console.log({ graphQL: graphqlMethodName, args, fields, type: config.type });
                 }
                 // Prepare request
-                const documentNode = fields
-                    ? gql(config.type + '{\n' + graphql + args + fields + '\n}')
-                    : gql(config.type + '{\n' + graphql + args + '\n}');
+                const request = {};
+                // Prepare GraphQL
+                const gQlFuncBody = fields
+                    ? ' {\n' + graphqlMethodName + args + fields + '\n}'
+                    : ' {\n' + graphqlMethodName + args + '\n}';
+                let gQlBody = config.type + gQlFuncBody;
+                // Handling for variables (e.g. for file uploads)
+                if (Object.keys(argsData.variables).length) {
+                    // Preparations
+                    request.variables = {};
+                    let multipart = false;
+                    // Add surrounding
+                    gQlBody = config.type + ' Request(';
+                    for (const [key, item] of Object.entries(argsData.variables)) {
+                        gQlBody += '\n$' + key + ':' + item.type + ',';
+                        request.variables[key] = item.value;
+                        if (item.type.startsWith('Upload')) {
+                            multipart = true;
+                        }
+                    }
+                    gQlBody = gQlBody.slice(0, -1) + '\n)' + gQlFuncBody;
+                    // Set Multipart
+                    if (multipart) {
+                        request.context = {
+                            useMultipart: true,
+                        };
+                    }
+                }
+                const documentNode = gql(gQlBody);
                 // Log
                 if (config.log) {
                     console.log({ documentNode });
                 }
-                const request = {};
+                // Set document node
                 request[config.type] = documentNode;
                 // Log
                 if (config.log) {
@@ -1289,7 +1352,7 @@ class GraphQLService {
                     request[config.type] = documentNode;
                 }
                 this.apollo[func](request).subscribe((result) => {
-                    const data = result?.data?.[graphql] !== undefined ? result.data[graphql] : result;
+                    const data = result?.data?.[graphqlMethodName] !== undefined ? result.data[graphqlMethodName] : result;
                     // Direct data
                     if (!config.model) {
                         subscriber.next(data);
@@ -1341,17 +1404,19 @@ class GraphQLService {
      */
     prepareArguments(args, options = {}) {
         // Init config variables
-        const { allowed, level, parent, schemaArgs, usedArgs } = {
+        const { allowed, levelKey, level, parent, schemaArgs, usedArgs, variables } = {
             allowed: null,
+            levelKey: '',
             level: 1,
             parent: '',
             schemaArgs: [],
             usedArgs: [],
+            variables: {},
             ...options,
         };
         // Check args
         if (args === undefined || args === null) {
-            return { argsString: '', schemaArgs, usedArgs };
+            return { argsString: '', schemaArgs, usedArgs, variables };
         }
         // Init args
         const result = [];
@@ -1369,29 +1434,37 @@ class GraphQLService {
                 // Process value
                 result.push(this.prepareArguments(item, {
                     allowed: key ? allowed.fields[key] : null,
+                    levelKey: key,
                     level: level + 1,
                     parent: parent + key + '.',
                     schemaArgs,
                     usedArgs,
+                    variables,
                 }).argsString);
             }
             // Encapsulation of the array result
             if (result.length) {
                 // Complete result, encapsulated via round brackets
                 if (level === 1) {
-                    return { argsString: '(' + result.join(', ') + ')', schemaArgs, usedArgs };
+                    return { argsString: '(' + result.join(', ') + ')', schemaArgs, usedArgs, variables };
                 }
                 // Deeper result part, encapsulated via square brackets
                 else {
-                    return { argsString: '[' + result.join(', ') + ']', schemaArgs, usedArgs };
+                    return { argsString: '[' + result.join(', ') + ']', schemaArgs, usedArgs, variables };
                 }
             }
         }
         // Process object
         else if (typeof args === 'object') {
+            // Check for Upload type for variable handling
+            if (allowed?.type === 'Upload') {
+                const name = levelKey + '_' + Helper.getUID(6);
+                variables[name] = { type: allowed.type + (allowed.isRequired ? '!' : ''), value: args };
+                return { argsString: '$' + name, schemaArgs, usedArgs, variables };
+            }
             // Check object is empty
             if (args && Object.keys(args).length === 0 && Object.getPrototypeOf(args) === Object.prototype) {
-                return { argsString: '{}', schemaArgs, usedArgs };
+                return { argsString: '{}', schemaArgs, usedArgs, variables };
             }
             // Process all object entries
             for (const [key, value] of Object.entries(args)) {
@@ -1429,10 +1502,12 @@ class GraphQLService {
                         ': [' +
                         value.map((item) => this.prepareArguments(item, {
                             allowed: allowed.fields[key],
+                            levelKey: key,
                             level: level + 1,
                             parent: currentKey + '.',
                             schemaArgs,
                             usedArgs,
+                            variables,
                         }).argsString) +
                         ']');
                     continue;
@@ -1460,13 +1535,22 @@ class GraphQLService {
                 }
                 // Others
                 else {
-                    additionalResult += this.prepareArguments(value, {
+                    const prepareOptions = {
                         allowed: allowed.fields[key],
+                        levelKey: key,
                         level: level + 1,
                         parent: currentKey + '.',
                         schemaArgs,
                         usedArgs,
-                    }).argsString;
+                        variables,
+                    };
+                    try {
+                        additionalResult += this.prepareArguments(value, prepareOptions).argsString;
+                    }
+                    catch (e) {
+                        console.error('Error during preparing arguments', value, prepareOptions);
+                        throw e;
+                    }
                 }
                 // Push deeper part into result array
                 result.push(additionalResult);
@@ -1475,17 +1559,17 @@ class GraphQLService {
             if (result.length) {
                 // Complete result, encapsulated via round brackets
                 if (level === 1) {
-                    return { argsString: '(' + result.join(', ') + ')', schemaArgs, usedArgs };
+                    return { argsString: '(' + result.join(', ') + ')', schemaArgs, usedArgs, variables };
                 }
                 // Deeper result part, encapsulated via curly brackets
                 else {
-                    return { argsString: '{' + result.join(', ') + '}', schemaArgs, usedArgs };
+                    return { argsString: '{' + result.join(', ') + '}', schemaArgs, usedArgs, variables };
                 }
             }
         }
         // Prepare and process other / unknown values as JSON
         else {
-            return { argsString: JSON.stringify(args), schemaArgs, usedArgs };
+            return { argsString: JSON.stringify(args), schemaArgs, usedArgs, variables };
         }
     }
     /**
@@ -1587,9 +1671,9 @@ class GraphQLService {
         return { fieldsString, schemaFields, usedFields };
     }
 }
-GraphQLService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: GraphQLService, deps: [{ token: i1.Apollo }, { token: GraphQLMetaService }], target: i0.ɵɵFactoryTarget.Injectable });
-GraphQLService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: GraphQLService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: GraphQLService, decorators: [{
+GraphQLService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: GraphQLService, deps: [{ token: i1.Apollo }, { token: GraphQLMetaService }], target: i0.ɵɵFactoryTarget.Injectable });
+GraphQLService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: GraphQLService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: GraphQLService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1663,9 +1747,9 @@ class LoaderService {
         });
     }
 }
-LoaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: LoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-LoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: LoaderService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: LoaderService, decorators: [{
+LoaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: LoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+LoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: LoaderService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: LoaderService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1739,9 +1823,9 @@ class GraphQLPlusService extends GraphQLService {
         console.error(error);
     }
 }
-GraphQLPlusService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: GraphQLPlusService, deps: [{ token: i1.Apollo }, { token: GraphQLMetaService }, { token: LoaderService }], target: i0.ɵɵFactoryTarget.Injectable });
-GraphQLPlusService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: GraphQLPlusService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: GraphQLPlusService, decorators: [{
+GraphQLPlusService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: GraphQLPlusService, deps: [{ token: i1.Apollo }, { token: GraphQLMetaService }, { token: LoaderService }], target: i0.ɵɵFactoryTarget.Injectable });
+GraphQLPlusService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: GraphQLPlusService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: GraphQLPlusService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1838,9 +1922,9 @@ class ImageService {
         });
     }
 }
-ImageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ImageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ImageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ImageService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ImageService, decorators: [{
+ImageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ImageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ImageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ImageService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ImageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2009,9 +2093,9 @@ class ScrollService {
         return this.scrollPromise;
     }
 }
-ScrollService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ScrollService, deps: [{ token: i1$1.Router }, { token: BASE_MODULE_CONFIG }, { token: ImageService }], target: i0.ɵɵFactoryTarget.Injectable });
-ScrollService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ScrollService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ScrollService, decorators: [{
+ScrollService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ScrollService, deps: [{ token: i1$1.Router }, { token: BASE_MODULE_CONFIG }, { token: ImageService }], target: i0.ɵɵFactoryTarget.Injectable });
+ScrollService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ScrollService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ScrollService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2063,9 +2147,9 @@ class FormsService {
         this.scrollService.scrollTo(invalidForm);
     }
 }
-FormsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FormsService, deps: [{ token: DOCUMENT }, { token: ScrollService }], target: i0.ɵɵFactoryTarget.Injectable });
-FormsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FormsService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FormsService, decorators: [{
+FormsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: FormsService, deps: [{ token: DOCUMENT }, { token: ScrollService }], target: i0.ɵɵFactoryTarget.Injectable });
+FormsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: FormsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: FormsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2203,9 +2287,9 @@ class UserService extends GraphQLPlusService {
         });
     }
 }
-UserService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: UserService, deps: [{ token: i1.Apollo }, { token: GraphQLMetaService }, { token: LoaderService }, { token: AuthService }], target: i0.ɵɵFactoryTarget.Injectable });
-UserService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: UserService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: UserService, decorators: [{
+UserService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: UserService, deps: [{ token: i1.Apollo }, { token: GraphQLMetaService }, { token: LoaderService }, { token: AuthService }], target: i0.ɵɵFactoryTarget.Injectable });
+UserService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: UserService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: UserService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2241,9 +2325,9 @@ class ToastService {
         }
     }
 }
-ToastService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ToastService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ToastService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ToastService, decorators: [{
+ToastService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ToastService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ToastService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ToastService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2304,9 +2388,9 @@ class BreadcrumbService {
         return typeof data.breadcrumb === 'function' ? data.breadcrumb(data) : data.breadcrumb;
     }
 }
-BreadcrumbService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: BreadcrumbService, deps: [{ token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-BreadcrumbService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: BreadcrumbService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: BreadcrumbService, decorators: [{
+BreadcrumbService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: BreadcrumbService, deps: [{ token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+BreadcrumbService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: BreadcrumbService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: BreadcrumbService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2337,9 +2421,9 @@ class NavigationService {
         }
     }
 }
-NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: NavigationService, deps: [{ token: i1$1.Router }, { token: i2.Location }], target: i0.ɵɵFactoryTarget.Injectable });
-NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: NavigationService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: NavigationService, decorators: [{
+NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: NavigationService, deps: [{ token: i1$1.Router }, { token: i2.Location }], target: i0.ɵɵFactoryTarget.Injectable });
+NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: NavigationService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1$1.Router }, { type: i2.Location }]; } });
@@ -2412,9 +2496,9 @@ class CmsService {
         return value.charAt(0).toLowerCase() + value.slice(1);
     }
 }
-CmsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CmsService, deps: [{ token: GraphQLService }], target: i0.ɵɵFactoryTarget.Injectable });
-CmsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CmsService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CmsService, decorators: [{
+CmsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CmsService, deps: [{ token: GraphQLService }], target: i0.ɵɵFactoryTarget.Injectable });
+CmsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CmsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CmsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2431,29 +2515,25 @@ class FileService {
      */
     compress(file, options) {
         const config = {
-            ...{
-                quality: 0.6,
-                checkOrientation: false,
-            },
+            quality: 0.6,
+            checkOrientation: false,
             ...options,
         };
         return new Promise((resolve, reject) => {
             new Compressor(file, {
-                ...config,
-                ...{
-                    success(result) {
-                        // Check if result is blob for convert to file
-                        if (result instanceof Blob) {
-                            resolve(new File([result], result.name));
-                        }
-                        else {
-                            resolve(result);
-                        }
-                    },
-                    error(err) {
-                        reject(err.message);
-                    },
+                success(result) {
+                    // Check if result is blob for convert to file
+                    if (result instanceof Blob) {
+                        resolve(new File([result], result.name));
+                    }
+                    else {
+                        resolve(result);
+                    }
                 },
+                error(err) {
+                    reject(err.message);
+                },
+                ...config,
             });
         });
     }
@@ -2494,9 +2574,9 @@ class FileService {
         });
     }
 }
-FileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileService, deps: [{ token: AuthService }, { token: i2$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-FileService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FileService, decorators: [{
+FileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: FileService, deps: [{ token: AuthService }, { token: i2$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+FileService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: FileService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: FileService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',