chore(transloco): update to latest version under new name

package.json

@@ -70,7 +70,7 @@
     "@mediapipe/drawing_utils": "0.3.1675466124",
     "@mediapipe/holistic": "0.5.1675471629",
     "@mediapipe/tasks-text": "0.10.20",
-    "@ngneat/transloco": "6.0.4",
+    "@jsverse/transloco": "7.5.1",
     "@ngxs/store": "19.0.0",
     "@sign-mt/browsermt": "0.2.3",
     "@sign-mt/i18n": "git://github.com/sign/i18n.git",
@@ -153,9 +153,9 @@
     "karma-jasmine-html-reporter": "2.1.0",
     "karma-safari-launcher": "1.0.0",
     "karma-spec-reporter": "0.0.36",
-    "lint-staged": "15.2.11",
+    "lint-staged": "15.3.0",
     "marked": "15.0.4",
-    "node-html-parser": "6.1.13",
+    "node-html-parser": "7.0.1",
     "npm-license-crawler": "0.2.1",
     "open": "10.1.0",
     "prettier": "3.4.2",

src/app/app.component.spec.ts

@@ -2,8 +2,7 @@ import {ComponentFixture, TestBed} from '@angular/core/testing';
 import {AppComponent} from './app.component';
 import {axe, toHaveNoViolations} from 'jasmine-axe';
 import {Store} from '@ngxs/store';
-import {SetSpokenLanguageText} from './modules/translate/translate.actions';
-import {TranslocoService} from '@ngneat/transloco';
+import {TranslocoService} from '@jsverse/transloco';
 import {Router} from '@angular/router';
 import {appConfig} from './app.config';
 

src/app/app.component.ts

@@ -1,5 +1,5 @@
 import {AfterViewInit, Component, inject} from '@angular/core';
-import {TranslocoService} from '@ngneat/transloco';
+import {TranslocoService} from '@jsverse/transloco';
 import {filter, tap} from 'rxjs/operators';
 import {Store} from '@ngxs/store';
 import {firstValueFrom} from 'rxjs';

src/app/components/i18n-language-selector/i18n-language-selector.component.ts

@@ -1,5 +1,5 @@
 import {Component, inject} from '@angular/core';
-import {TranslocoPipe, TranslocoService} from '@ngneat/transloco';
+import {TranslocoPipe, TranslocoService} from '@jsverse/transloco';
 import {ActivatedRoute, Router} from '@angular/router';
 import {SITE_LANGUAGES} from '../../core/modules/transloco/languages';
 

src/app/components/speech-to-text/speech-to-text.component.ts

@@ -3,7 +3,7 @@ import {fromEvent} from 'rxjs';
 import {BaseComponent} from '../base/base.component';
 import {MatTooltipModule, TooltipPosition} from '@angular/material/tooltip';
 import {IonButton, IonIcon} from '@ionic/angular/standalone';
-import {TranslocoDirective} from '@ngneat/transloco';
+import {TranslocoDirective} from '@jsverse/transloco';
 import {addIcons} from 'ionicons';
 import {micOutline, stopCircleOutline} from 'ionicons/icons';
 

src/app/components/text-to-speech/text-to-speech.component.ts

@@ -3,7 +3,7 @@ import {MatTooltipModule} from '@angular/material/tooltip';
 import {IonButton, IonIcon} from '@ionic/angular/standalone';
 import {addIcons} from 'ionicons';
 import {stopCircleOutline, volumeMediumOutline, volumeMuteOutline} from 'ionicons/icons';
-import {TranslocoDirective} from '@ngneat/transloco';
+import {TranslocoDirective} from '@jsverse/transloco';
 
 @Component({
   selector: 'app-text-to-speech',

src/app/components/video/video-controls/video-controls.component.ts

@@ -5,7 +5,7 @@ import {AsyncPipe} from '@angular/common';
 import {IonFab, IonFabButton, IonIcon} from '@ionic/angular/standalone';
 import {addIcons} from 'ionicons';
 import {videocamOffOutline, videocamOutline} from 'ionicons/icons';
-import {TranslocoDirective} from '@ngneat/transloco';
+import {TranslocoDirective} from '@jsverse/transloco';
 
 @Component({
   selector: 'app-video-controls',

src/app/components/video/video.component.ts

@@ -17,7 +17,7 @@ import {VideoControlsComponent} from './video-controls/video-controls.component'
 import {addIcons} from 'ionicons';
 import {playCircleOutline} from 'ionicons/icons';
 import {AsyncPipe} from '@angular/common';
-import {TranslocoDirective, TranslocoPipe} from '@ngneat/transloco';
+import {TranslocoDirective, TranslocoPipe} from '@jsverse/transloco';
 import {AnimationModule} from '../animation/animation.module';
 
 @Component({

src/app/core/modules/transloco/transloco-testing.module.ts

@@ -1,4 +1,4 @@
-import {TranslocoTestingModule} from '@ngneat/transloco';
+import {TranslocoTestingModule} from '@jsverse/transloco';
 import {SITE_LANGUAGES} from './languages';
 
 const availableLangs = SITE_LANGUAGES.map(l => l.key.toLocaleLowerCase());

src/app/core/modules/transloco/transloco.loader.ts

@@ -1,24 +1,16 @@
 import {HttpClient} from '@angular/common/http';
-import {Translation, TRANSLOCO_SCOPE, TranslocoLoader} from '@ngneat/transloco';
+import {Translation, TRANSLOCO_SCOPE, TranslocoLoader} from '@jsverse/transloco';
 import {inject, Injectable} from '@angular/core';
-import {catchError, Observable} from 'rxjs';
+
+import {Observable} from 'rxjs';
 
 @Injectable({providedIn: 'root'})
 export class HttpLoader implements TranslocoLoader {
   private http = inject(HttpClient);
 
   getTranslation(langPath: string): Observable<Translation> {
-    return this.http.get<Translation>(`assets/i18n/${langPath}.json`).pipe(
-      catchError(err => {
-        // If the language file is not found, try to load the English version as the fallback
-        if (err.status === 404) {
-          const lastSlash = langPath.lastIndexOf('/');
-          const newLangPath = lastSlash === -1 ? 'en' : langPath.substring(0, lastSlash) + '/en';
-          return this.http.get<Translation>(`assets/i18n/${newLangPath}.json`);
-        }
-        throw err;
-      })
-    );
+    const assetPath = `assets/i18n/${langPath}.json`;
+    return this.http.get<Translation>(assetPath);
   }
 }
 

src/app/core/modules/transloco/transloco.module.ts

@@ -1,4 +1,4 @@
-import {provideTransloco} from '@ngneat/transloco';
+import {provideTransloco} from '@jsverse/transloco';
 import {HttpLoader, translocoScopes} from './transloco.loader';
 import {SITE_LANGUAGES} from './languages';
 

src/app/modules/settings/settings/settings.component.ts

@@ -2,7 +2,7 @@ import {Component, OnInit} from '@angular/core';
 import {BaseSettingsComponent} from '../settings.component';
 import {takeUntil, tap} from 'rxjs/operators';
 import {SettingsStateModel} from '../settings.state';
-import {TranslocoDirective} from '@ngneat/transloco';
+import {TranslocoDirective} from '@jsverse/transloco';
 import {IonCheckbox, IonItem, IonList} from '@ionic/angular/standalone';
 
 @Component({

src/app/pages/benchmark/benchmark.component.ts

@@ -18,7 +18,7 @@ import {
 } from '@ionic/angular/standalone';
 import {BenchmarkItemComponent} from './benchmark-item/benchmark-item.component';
 import {MatTooltipModule} from '@angular/material/tooltip';
-import {TranslocoDirective, TranslocoPipe} from '@ngneat/transloco';
+import {TranslocoDirective, TranslocoPipe} from '@jsverse/transloco';
 import {KeyValuePipe} from '@angular/common';
 import {addIcons} from 'ionicons';
 import {analytics} from 'ionicons/icons';

src/app/pages/landing/about/about-benefits/about-benefits.component.ts

@@ -1,7 +1,7 @@
 import {AfterViewInit, Component, CUSTOM_ELEMENTS_SCHEMA, ElementRef, inject, OnInit, viewChild} from '@angular/core';
 import type {Swiper} from 'swiper/types';
 import {DomSanitizer, SafeUrl} from '@angular/platform-browser';
-import {TranslocoDirective, TranslocoService} from '@ngneat/transloco';
+import {TranslocoDirective, TranslocoService} from '@jsverse/transloco';
 import {takeUntil, tap} from 'rxjs/operators';
 import {BaseComponent} from '../../../../components/base/base.component';
 import {IonCard, IonCardContent, IonCardTitle, IonIcon} from '@ionic/angular/standalone';

src/app/pages/landing/about/about-direction/about-direction.component.ts

@@ -1,5 +1,5 @@
 import {Component, inject, OnInit} from '@angular/core';
-import {TranslocoDirective, TranslocoService} from '@ngneat/transloco';
+import {TranslocoDirective, TranslocoService} from '@jsverse/transloco';
 import {BaseComponent} from '../../../../components/base/base.component';
 import {takeUntil, tap} from 'rxjs/operators';
 import {DomSanitizer, SafeUrl} from '@angular/platform-browser';

src/app/pages/landing/about/about-hero/about-hero.component.ts

@@ -3,7 +3,7 @@ import {IonBadge, IonButton, IonIcon} from '@ionic/angular/standalone';
 import {RouterLink} from '@angular/router';
 import {arrowForward} from 'ionicons/icons';
 import {addIcons} from 'ionicons';
-import {TranslocoPipe} from '@ngneat/transloco';
+import {TranslocoPipe} from '@jsverse/transloco';
 
 @Component({
   selector: 'app-about-hero',

src/app/pages/landing/landing-footer/landing-footer.component.ts

@@ -1,7 +1,7 @@
 import {Component} from '@angular/core';
 import {I18NLanguageSelectorComponent} from '../../../components/i18n-language-selector/i18n-language-selector.component';
 import {RouterLink} from '@angular/router';
-import {TranslocoDirective} from '@ngneat/transloco';
+import {TranslocoDirective} from '@jsverse/transloco';
 
 @Component({
   selector: 'app-landing-footer',

src/app/pages/landing/landing.component.ts

@@ -18,7 +18,7 @@ import {
   IonToolbar,
 } from '@ionic/angular/standalone';
 import {RouterLink, RouterOutlet} from '@angular/router';
-import {TranslocoPipe, TranslocoService} from '@ngneat/transloco';
+import {TranslocoPipe, TranslocoService} from '@jsverse/transloco';
 import {arrowForward} from 'ionicons/icons';
 import {addIcons} from 'ionicons';
 import {LandingFooterComponent} from './landing-footer/landing-footer.component';

src/app/pages/landing/licenses/licenses.component.ts

@@ -8,7 +8,7 @@ import {IonIcon} from '@ionic/angular/standalone';
 import {addIcons} from 'ionicons';
 import {chevronDownOutline, chevronForwardOutline} from 'ionicons/icons';
 import {NgTemplateOutlet} from '@angular/common';
-import {TranslocoPipe} from '@ngneat/transloco';
+import {TranslocoPipe} from '@jsverse/transloco';
 
 interface PackagesParent {
   name: string;

src/app/pages/not-found/not-found.component.ts

@@ -1,6 +1,6 @@
 import {Component} from '@angular/core';
 import {IonButton, IonContent} from '@ionic/angular/standalone';
-import {TranslocoPipe} from '@ngneat/transloco';
+import {TranslocoPipe} from '@jsverse/transloco';
 import {RouterLink} from '@angular/router';
 
 @Component({

src/app/pages/playground/playground.component.spec.ts

@@ -4,7 +4,7 @@ import {PlaygroundComponent} from './playground.component';
 import {provideStore, Store} from '@ngxs/store';
 import {StartCamera} from '../../core/modules/ngxs/store/video/video.actions';
 import {AppTranslocoTestingModule} from '../../core/modules/transloco/transloco-testing.module';
-import {TranslocoService} from '@ngneat/transloco';
+import {TranslocoService} from '@jsverse/transloco';
 import {provideIonicAngular} from '@ionic/angular/standalone';
 import {ngxsConfig} from '../../app.config';
 

src/app/pages/playground/playground.component.ts

@@ -3,7 +3,7 @@ import {Store} from '@ngxs/store';
 import {BaseComponent} from '../../components/base/base.component';
 import {filter, takeUntil, tap} from 'rxjs/operators';
 import {SetVideo, StartCamera} from '../../core/modules/ngxs/store/video/video.actions';
-import {TranslocoPipe, TranslocoService} from '@ngneat/transloco';
+import {TranslocoPipe, TranslocoService} from '@jsverse/transloco';
 import {Observable} from 'rxjs';
 import {IonContent, IonHeader, IonIcon, IonMenu, IonSplitPane, IonTitle, IonToolbar} from '@ionic/angular/standalone';
 import {SettingsComponent} from '../../modules/settings/settings/settings.component';

src/app/pages/settings/settings-about/settings-about.component.ts

@@ -1,5 +1,5 @@
 import {Component} from '@angular/core';
-import {TranslocoDirective, TranslocoPipe} from '@ngneat/transloco';
+import {TranslocoDirective, TranslocoPipe} from '@jsverse/transloco';
 import {RouterLink} from '@angular/router';
 import {
   IonBackButton,

src/app/pages/settings/settings-appearance/settings-appearance-images/settings-appearance-images.component.ts

@@ -1,6 +1,6 @@
 import {Component, Input} from '@angular/core';
 import {BaseSettingsComponent} from '../../../../modules/settings/settings.component';
-import {TranslocoDirective} from '@ngneat/transloco';
+import {TranslocoDirective} from '@jsverse/transloco';
 import {MatTooltipModule} from '@angular/material/tooltip';
 import {AsyncPipe} from '@angular/common';
 import {MatFabButton} from '@angular/material/button';

src/app/pages/settings/settings-appearance/settings-appearance.component.ts

@@ -1,5 +1,5 @@
 import {Component} from '@angular/core';
-import {TranslocoDirective, TranslocoPipe} from '@ngneat/transloco';
+import {TranslocoDirective, TranslocoPipe} from '@jsverse/transloco';
 import {SettingsAppearanceImagesComponent} from './settings-appearance-images/settings-appearance-images.component';
 import {IonBackButton, IonButtons, IonContent, IonHeader, IonTitle, IonToolbar} from '@ionic/angular/standalone';
 

src/app/pages/settings/settings-feedback/settings-feedback.component.ts

@@ -1,5 +1,5 @@
 import {Component} from '@angular/core';
-import {TranslocoDirective, TranslocoPipe} from '@ngneat/transloco';
+import {TranslocoDirective, TranslocoPipe} from '@jsverse/transloco';
 import {
   IonBackButton,
   IonButtons,

src/app/pages/settings/settings-menu/settings-menu.component.ts

@@ -5,7 +5,7 @@ import {SettingsVoiceInputComponent} from '../settings-voice-input/settings-voic
 import {SettingsVoiceOutputComponent} from '../settings-voice-output/settings-voice-output.component';
 import {SettingsFeedbackComponent} from '../settings-feedback/settings-feedback.component';
 import {SettingsAppearanceComponent} from '../settings-appearance/settings-appearance.component';
-import {TranslocoDirective} from '@ngneat/transloco';
+import {TranslocoDirective} from '@jsverse/transloco';
 import {
   IonContent,
   IonHeader,

src/app/pages/settings/settings-offline/settings-offline.component.ts

@@ -3,7 +3,7 @@ import {isIOS} from '../../../core/constants';
 import {AssetsService, AssetState} from '../../../core/services/assets/assets.service';
 import {MatTreeModule, MatTreeNestedDataSource} from '@angular/material/tree';
 import {CdkTreeModule, NestedTreeControl} from '@angular/cdk/tree';
-import {TranslocoDirective, TranslocoPipe, TranslocoService} from '@ngneat/transloco';
+import {TranslocoDirective, TranslocoPipe, TranslocoService} from '@jsverse/transloco';
 import {takeUntil, tap} from 'rxjs/operators';
 import {BaseComponent} from '../../../components/base/base.component';
 import {MatProgressSpinner} from '@angular/material/progress-spinner';

src/app/pages/settings/settings-voice-input/settings-voice-input.component.ts

@@ -1,5 +1,5 @@
 import {Component} from '@angular/core';
-import {TranslocoDirective, TranslocoPipe} from '@ngneat/transloco';
+import {TranslocoDirective, TranslocoPipe} from '@jsverse/transloco';
 import {IonBackButton, IonButtons, IonContent, IonHeader, IonTitle, IonToolbar} from '@ionic/angular/standalone';
 
 @Component({

src/app/pages/settings/settings-voice-output/settings-voice-output.component.ts

@@ -1,5 +1,5 @@
 import {Component} from '@angular/core';
-import {TranslocoDirective, TranslocoPipe} from '@ngneat/transloco';
+import {TranslocoDirective, TranslocoPipe} from '@jsverse/transloco';
 import {IonBackButton, IonButtons, IonContent, IonHeader, IonTitle, IonToolbar} from '@ionic/angular/standalone';
 
 @Component({

src/app/pages/translate/input/button/button.component.ts

@@ -4,7 +4,7 @@ import {Store} from '@ngxs/store';
 import {SetInputMode} from '../../../../modules/translate/translate.actions';
 import {Observable} from 'rxjs';
 import {IonButton, IonIcon} from '@ionic/angular/standalone';
-import {TranslocoPipe} from '@ngneat/transloco';
+import {TranslocoPipe} from '@jsverse/transloco';
 import {AsyncPipe} from '@angular/common';
 
 @Component({

src/app/pages/translate/language-selector/language-selector.component.ts

@@ -1,7 +1,7 @@
 import {Component, inject, Input, OnChanges, OnInit, output, SimpleChanges} from '@angular/core';
 import {Store} from '@ngxs/store';
 import {switchMap} from 'rxjs';
-import {TranslocoDirective, TranslocoService} from '@ngneat/transloco';
+import {TranslocoDirective, TranslocoService} from '@jsverse/transloco';
 import {filter, takeUntil, tap} from 'rxjs/operators';
 import {BaseComponent} from '../../../components/base/base.component';
 import {IANASignedLanguages} from '../../../core/helpers/iana/languages';

src/app/pages/translate/language-selectors/language-selectors.component.ts

@@ -24,7 +24,7 @@ import {
 import {LanguageSelectorComponent} from '../language-selector/language-selector.component';
 import {AsyncPipe, NgTemplateOutlet} from '@angular/common';
 import {MatTooltipModule} from '@angular/material/tooltip';
-import {TranslocoDirective, TranslocoPipe} from '@ngneat/transloco';
+import {TranslocoDirective, TranslocoPipe} from '@jsverse/transloco';
 import {MatProgressSpinner} from '@angular/material/progress-spinner';
 import {MatTreeModule} from '@angular/material/tree';
 import {CdkTreeModule} from '@angular/cdk/tree';

src/app/pages/translate/pose-viewers/human-pose-viewer/human-pose-viewer.component.ts

@@ -16,7 +16,7 @@ import {transferableImage} from '../../../../core/helpers/image/transferable';
 import {IonProgressBar, IonSpinner} from '@ionic/angular/standalone';
 import {AsyncPipe} from '@angular/common';
 import {MatTooltipModule} from '@angular/material/tooltip';
-import {TranslocoDirective} from '@ngneat/transloco';
+import {TranslocoDirective} from '@jsverse/transloco';
 
 @Component({
   selector: 'app-human-pose-viewer',

src/app/pages/translate/pose-viewers/viewer-selector/viewer-selector.component.ts

@@ -6,7 +6,7 @@ import {IonFab, IonFabButton, IonFabList, IonIcon} from '@ionic/angular/standalo
 import {accessibility, gitCommit, logoAppleAr} from 'ionicons/icons';
 import {addIcons} from 'ionicons';
 import {MatTooltipModule} from '@angular/material/tooltip';
-import {TranslocoDirective} from '@ngneat/transloco';
+import {TranslocoDirective} from '@jsverse/transloco';
 
 export interface MatFabMenu {
   id: string;

src/app/pages/translate/send-feedback/send-feedback.component.ts

@@ -1,5 +1,5 @@
 import {Component} from '@angular/core';
-import {TranslocoPipe} from '@ngneat/transloco';
+import {TranslocoPipe} from '@jsverse/transloco';
 
 @Component({
   selector: 'app-send-feedback',

src/app/pages/translate/signed-to-spoken/signed-to-spoken.component.ts

@@ -15,7 +15,7 @@ import {TextToSpeechComponent} from '../../../components/text-to-speech/text-to-
 import {UploadComponent} from './upload/upload.component';
 import {addIcons} from 'ionicons';
 import {copyOutline} from 'ionicons/icons';
-import {TranslocoPipe} from '@ngneat/transloco';
+import {TranslocoPipe} from '@jsverse/transloco';
 import {AsyncPipe, NgTemplateOutlet} from '@angular/common';
 import {VideoModule} from '../../../components/video/video.module';
 

src/app/pages/translate/signed-to-spoken/upload/upload.component.ts

@@ -4,7 +4,7 @@ import {SetVideo} from '../../../../core/modules/ngxs/store/video/video.actions'
 import {IonButton, IonIcon} from '@ionic/angular/standalone';
 import {addIcons} from 'ionicons';
 import {imagesOutline} from 'ionicons/icons';
-import {TranslocoDirective} from '@ngneat/transloco';
+import {TranslocoDirective} from '@jsverse/transloco';
 
 @Component({
   selector: 'app-upload',

src/app/pages/translate/spoken-to-signed/signed-language-output/signed-language-output.component.ts

@@ -17,7 +17,7 @@ import {IonButton, IonIcon, IonSpinner} from '@ionic/angular/standalone';
 import {AvatarPoseViewerComponent} from '../../pose-viewers/avatar-pose-viewer/avatar-pose-viewer.component';
 import {SkeletonPoseViewerComponent} from '../../pose-viewers/skeleton-pose-viewer/skeleton-pose-viewer.component';
 import {HumanPoseViewerComponent} from '../../pose-viewers/human-pose-viewer/human-pose-viewer.component';
-import {TranslocoPipe} from '@ngneat/transloco';
+import {TranslocoPipe} from '@jsverse/transloco';
 import {AsyncPipe} from '@angular/common';
 import {MatTooltipModule} from '@angular/material/tooltip';
 import {addIcons} from 'ionicons';

src/app/pages/translate/spoken-to-signed/spoken-language-input/spoken-language-input.component.ts

@@ -12,7 +12,7 @@ import {TranslateStateModel} from '../../../../modules/translate/translate.state
 import {BaseComponent} from '../../../../components/base/base.component';
 import {IonButton, IonButtons, IonIcon, IonTextarea, IonToolbar} from '@ionic/angular/standalone';
 import {SpeechToTextComponent} from '../../../../components/speech-to-text/speech-to-text.component';
-import {TranslocoDirective, TranslocoPipe} from '@ngneat/transloco';
+import {TranslocoDirective, TranslocoPipe} from '@jsverse/transloco';
 import {addIcons} from 'ionicons';
 import {addOutline, sparkles} from 'ionicons/icons';
 import {AsyncPipe, DecimalPipe} from '@angular/common';

src/app/pages/translate/translate-desktop/translate-desktop.component.ts

@@ -6,7 +6,7 @@ import {IonButton, IonButtons, IonContent, IonHeader, IonTitle, IonToolbar} from
 import {TranslateInputButtonComponent} from '../input/button/button.component';
 import {LanguageSelectorsComponent} from '../language-selectors/language-selectors.component';
 import {SendFeedbackComponent} from '../send-feedback/send-feedback.component';
-import {TranslocoPipe} from '@ngneat/transloco';
+import {TranslocoPipe} from '@jsverse/transloco';
 import {NtkmeButtonModule} from '@ctrl/ngx-github-buttons';
 import {SpokenToSignedComponent} from '../spoken-to-signed/spoken-to-signed.component';
 import {SignedToSpokenComponent} from '../signed-to-spoken/signed-to-spoken.component';

src/app/pages/translate/translate.component.spec.ts

@@ -5,7 +5,7 @@ import {TranslateComponent} from './translate.component';
 import {provideStore, Store} from '@ngxs/store';
 import {TranslateState} from '../../modules/translate/translate.state';
 import {SettingsState} from '../../modules/settings/settings.state';
-import {TranslocoService} from '@ngneat/transloco';
+import {TranslocoService} from '@jsverse/transloco';
 import {VideoState} from '../../core/modules/ngxs/store/video/video.state';
 import {provideHttpClient} from '@angular/common/http';
 import {provideHttpClientTesting} from '@angular/common/http/testing';

src/app/pages/translate/translate.component.ts

@@ -4,7 +4,7 @@ import {SetSetting} from '../../modules/settings/settings.actions';
 import {fromEvent, Observable} from 'rxjs';
 import {BaseComponent} from '../../components/base/base.component';
 import {filter, takeUntil, tap} from 'rxjs/operators';
-import {TranslocoService} from '@ngneat/transloco';
+import {TranslocoService} from '@jsverse/transloco';
 import {TranslationService} from '../../modules/translate/translate.service';
 import {Meta, Title} from '@angular/platform-browser';
 import {MediaMatcher} from '@angular/cdk/layout';