fix: lazily resolve translate service in translate compiler

src/app/core/utils/translate/pwa-translate-compiler.ts

@@ -1,14 +1,13 @@
 import { Injectable, Injector, isDevMode } from '@angular/core';
 import { TranslateCompiler, TranslateService } from '@ngx-translate/core';
+import { once } from 'lodash-es';
 
 import { Translations } from './translations.type';
 
 const cache: Record<string, Function> = {};
 
 @Injectable()
 export class PWATranslateCompiler implements TranslateCompiler {
-  constructor(private injector: Injector) {}
-
   private static MAX_COMPILATION_LENGTH = 1000;
 
   /**
@@ -52,6 +51,13 @@ export class PWATranslateCompiler implements TranslateCompiler {
    */
   private static SIMPLE_VARIABLE_REGEX = /\{\{\s*(\w+)\s*\}\}/g;
 
+  private translate: () => TranslateService;
+
+  constructor(injector: Injector) {
+    // set cyclic dependency
+    this.translate = once(() => injector.get(TranslateService));
+  }
+
   private checkIfCompileNeeded(value: string | Function): boolean {
     return (
       typeof value === 'string' &&
@@ -105,7 +111,7 @@ export class PWATranslateCompiler implements TranslateCompiler {
         if (rename) {
           args[rename] = args[variable];
         }
-        const delegate = this.injector.get(TranslateService).instant(key, args);
+        const delegate = this.translate().instant(key, args);
         const result = `${match[1]}${delegate}${match[4]}`;
 
         return this.recurse(result, args);