ngneat/transloco/lobby

OK! I have finally solved it using inline loaded scopes. Here is my workaround for anyone, who is struggling with the same problem (It is not perfect because I have to load the translations also inside the constructor with the service):
I have created an extra module for transloco and storybook to not blowing up my component.stories file:

@Injectable({
  providedIn: 'root',
})
export class StorybookTranslocoLoader implements TranslocoLoader {
  constructor(
    @Inject(STORYBOOK_TRANSLOCO_TRANSLATIONMAP)
    private translationMap: TranslationMap
  ) {}

  getTranslation(lang: string) {
    return of(this.translationMap[lang]);
  }
}

const translocoConf: TranslocoConfig = translocoConfig({
  availableLangs: ['en', 'de'],
  defaultLang: 'en',
  fallbackLang: 'en',
  reRenderOnLangChange: true,
  prodMode: false,
});

export const translocoConfigProvider = {
  provide: TRANSLOCO_CONFIG,
  useValue: translocoConf,
};

export const translocoLoaderProvider = (storybookScope: string) => {
  return {
    provide: TRANSLOCO_SCOPE,
    useValue: {
      scope: storybookScope,
      loader: StorybookTranslocoLoader,
    },
  };
};

@NgModule({
  imports: [TranslocoModule],
  exports: [TranslocoModule],
})
export class StorybookTranslateModule {
  constructor(
    @Inject(STORYBOOK_TRANSLOCO_TRANSLATIONMAP)
    private translationMap: TranslationMap,
    private translocoService: TranslocoService
  ) {
   for (const lang of Object.keys(this.translationMap)) {
      this.translocoService.setTranslation(translationMap[lang], lang);
    }
  }

  static forRoot(
    translationMap: TranslationMap,
    scope: string
  ): ModuleWithProviders {
    return {
      ngModule: StorybookTranslateModule,
      providers: [
        {
          provide: STORYBOOK_TRANSLOCO_TRANSLATIONMAP,
          useValue: translationMap,
        },
        {
          provide: STORYBOOK_TRANSLOCO_SCOPE,
          useValue: scope,
        },
        translocoConfigProvider,
        translocoLoaderProvider(scope),
      ],
    };
  }
}

And here the example component.stories file (parts of it, which are relvant)

// Translationmap is just a HashMap
const translationMap: TranslationMap = {
  en: {
    foo: 'bar',    
    exampleScope: {
      bar: 'foo',
    },
  },
  de: {
    foo: 'bar_de',    
    exampleScope: {
      bar: 'foo_de',
    },
  },
};

export default {
  title:  'ExampleComponent',
  decorators: [
    moduleMetadata({
      imports: [
        StorybookTranslateModule.forRoot(translationMap, 'exampleScope'),
      ],
    }),
  ],
};