@lenne.tech/ng-base 14.21.2 → 14.21.4

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

@@ -167,11 +167,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);
@@ -446,6 +446,30 @@ class GraphQLMeta {
             throw Error('Missing schema');
         }
     }
+    /**
+     * Get an object with GraphQLRequestType (operation type) as keys and method (fields) names as value
+     */
+    getMethodNames() {
+        var _a, _b, _c;
+        return {
+            query: Object.keys(((_a = this.schema.getQueryType()) === null || _a === void 0 ? void 0 : _a.getFields()) || {}),
+            mutation: Object.keys(((_b = this.schema.getMutationType()) === null || _b === void 0 ? void 0 : _b.getFields()) || {}),
+            subscription: Object.keys(((_c = this.schema.getSubscriptionType()) === null || _c === void 0 ? void 0 : _c.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
@@ -926,9 +950,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.9", ngImport: i0, type: StorageService, deps: [{ token: BASE_MODULE_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+StorageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: StorageService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: StorageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -946,9 +970,9 @@ class WsService {
         (_a = this.client) === null || _a === void 0 ? void 0 : _a.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.9", ngImport: i0, type: WsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+WsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: WsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: WsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1014,9 +1038,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.9", 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.9", ngImport: i0, type: AuthService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: AuthService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1135,9 +1159,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.9", ngImport: i0, type: GraphQLMetaService, deps: [{ token: i1.Apollo }], target: i0.ɵɵFactoryTarget.Injectable });
+GraphQLMetaService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: GraphQLMetaService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: GraphQLMetaService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1158,13 +1182,13 @@ 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 = Object.assign({ arguments: null, fields: null, log: false, model: null, type: GraphQLRequestType.QUERY }, options);
+        const config = Object.assign({ arguments: null, fields: null, log: false, model: null }, options);
         // Convert class to Object for arguments
         if (typeof config.arguments === 'function') {
             config.arguments = new config.arguments();
@@ -1181,6 +1205,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 === null || types === void 0 ? void 0 : 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;
@@ -1189,7 +1228,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 });
@@ -1207,7 +1246,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 });
@@ -1231,17 +1270,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) {
@@ -1262,7 +1327,7 @@ class GraphQLService {
                 }
                 this.apollo[func](request).subscribe((result) => {
                     var _a;
-                    const data = ((_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a[graphql]) !== undefined ? result.data[graphql] : result;
+                    const data = ((_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a[graphqlMethodName]) !== undefined ? result.data[graphqlMethodName] : result;
                     // Direct data
                     if (!config.model) {
                         subscriber.next(data);
@@ -1314,10 +1379,10 @@ class GraphQLService {
      */
     prepareArguments(args, options = {}) {
         // Init config variables
-        const { allowed, level, parent, schemaArgs, usedArgs } = Object.assign({ allowed: null, level: 1, parent: '', schemaArgs: [], usedArgs: [] }, options);
+        const { allowed, levelKey, level, parent, schemaArgs, usedArgs, variables } = Object.assign({ 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 = [];
@@ -1335,29 +1400,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 === null || allowed === void 0 ? void 0 : 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)) {
@@ -1395,10 +1468,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;
@@ -1426,13 +1501,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);
@@ -1441,17 +1525,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 };
         }
     }
     /**
@@ -1545,9 +1629,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.9", 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.9", ngImport: i0, type: GraphQLService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: GraphQLService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1621,9 +1705,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.9", ngImport: i0, type: LoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+LoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: LoaderService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: LoaderService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1697,9 +1781,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.9", 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.9", ngImport: i0, type: GraphQLPlusService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: GraphQLPlusService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1794,9 +1878,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.9", ngImport: i0, type: ImageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ImageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ImageService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ImageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1954,9 +2038,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.9", 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.9", ngImport: i0, type: ScrollService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ScrollService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1987,17 +2071,20 @@ class FormsService {
     findInvalidControls(formGroup) {
         return this.getInvalidControl(formGroup);
     }
-    getInvalidControl(formGroup, invalid) {
+    getInvalidControl(formGroup, invalid, parents = []) {
         let result = invalid ? [...invalid] : [];
+        let nestedParents = [...[], ...parents];
         const controls = formGroup.controls;
         Object.keys(formGroup.controls).forEach((name) => {
             var _a;
             if (controls[name].invalid) {
                 if ((_a = controls[name]) === null || _a === void 0 ? void 0 : _a.controls) {
-                    result = this.getInvalidControl(controls[name], result);
+                    nestedParents.push(name);
+                    result = this.getInvalidControl(controls[name], result, nestedParents);
+                    nestedParents = [];
                 }
                 else {
-                    result.push(name);
+                    result.push(nestedParents.length ? nestedParents.join('.') + '.' + name : name);
                 }
             }
         });
@@ -2008,9 +2095,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.9", ngImport: i0, type: FormsService, deps: [{ token: DOCUMENT }, { token: ScrollService }], target: i0.ɵɵFactoryTarget.Injectable });
+FormsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: FormsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: FormsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2150,9 +2237,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.9", 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.9", ngImport: i0, type: UserService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: UserService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2188,9 +2275,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.9", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ToastService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ToastService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ToastService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2252,9 +2339,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.9", ngImport: i0, type: BreadcrumbService, deps: [{ token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+BreadcrumbService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: BreadcrumbService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: BreadcrumbService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2285,9 +2372,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.9", 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.9", ngImport: i0, type: NavigationService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1$1.Router }, { type: i2.Location }]; } });
@@ -2362,9 +2449,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.9", ngImport: i0, type: CmsService, deps: [{ token: GraphQLService }], target: i0.ɵɵFactoryTarget.Injectable });
+CmsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CmsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CmsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2380,13 +2467,9 @@ class FileService {
      * Compress file with options and return file
      */
     compress(file, options) {
-        const config = Object.assign({
-            quality: 0.6,
-            checkOrientation: false,
-        }, options);
+        const config = Object.assign({ quality: 0.6, checkOrientation: false }, options);
         return new Promise((resolve, reject) => {
-            new Compressor(file, Object.assign(Object.assign({}, config), {
-                success(result) {
+            new Compressor(file, Object.assign({ success(result) {
                     // Check if result is blob for convert to file
                     if (result instanceof Blob) {
                         resolve(new File([result], result.name));
@@ -2397,8 +2480,7 @@ class FileService {
                 },
                 error(err) {
                     reject(err.message);
-                },
-            }));
+                } }, config));
         });
     }
     /**
@@ -2440,9 +2522,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.9", 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.9", ngImport: i0, type: FileService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: FileService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',