@Component({
  selector: 'app-my-entity',
  templateUrl: './my-entity.component.html',
  styleUrls: ['./my-entity.component.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class GlobalSettingsComponent extends BaseDetailComponent<MyEntity.Fragment> implements OnInit {
  detailForm: FormGroup;

  constructor(
    router: Router,
    route: ActivatedRoute,
    serverConfigService: ServerConfigService,
    protected dataService: DataService,
    private formBuilder: FormBuilder,
  ) {
    super(route, router, serverConfigService, dataService);
    this.detailForm = this.formBuilder.group({
      name: [''],
    });
  }

  protected setFormValues(entity: MyEntity.Fragment, languageCode: LanguageCode): void {
    this.detailForm.patchValue({
      name: entity.name,
    });
  }
}

class BaseDetailComponent<Entity extends { id: string; updatedAt?: string }> implements DeactivateAware {
  entity$: Observable<Entity>;
  availableLanguages$: Observable<LanguageCode[]>;
  languageCode$: Observable<LanguageCode>;
  isNew$: Observable<boolean>;
  id: string;
  abstract abstract detailForm: FormGroup;
  protected protected destroy$ = new Subject<void>();
  constructor(route: ActivatedRoute, router: Router, serverConfigService: ServerConfigService, dataService: DataService)
  init() => ;
  destroy() => ;
  setLanguage(code: LanguageCode) => ;
  canDeactivate() => boolean;
  protected abstract setFormValues(entity: Entity, languageCode: LanguageCode) => void;
  protected setCustomFieldFormValues(customFields: CustomFieldConfig[], formGroup: AbstractControl | null, entity: T, currentTranslation?: TranslationOf<T>) => ;
  protected getCustomFieldConfig(key: Exclude<keyof CustomFields, '__typename'>) => CustomFieldConfig[];
  protected setQueryParam(key: string, value: any) => ;
}