fix(cases): break the EformCasesModule import cycle in case-edit components

eform-client/src/app/common/modules/eform-cases/components/case-edit-nav/case-edit-nav.component.ts

@@ -1,12 +1,11 @@
 import {Component, Input, OnInit} from '@angular/core';
 import {ElementDto} from 'src/app/common/models';
 import { NgFor, NgIf } from '@angular/common';
-import { EformCasesModule } from '../../eform-cases.module';
 
 @Component({
     selector: 'app-case-edit-nav',
     templateUrl: './case-edit-nav.component.html',
-    imports: [NgFor, NgIf, EformCasesModule]
+    imports: [NgFor, NgIf]
 })
 export class CaseEditNavComponent implements OnInit {
   @Input() element: ElementDto = new ElementDto();

eform-client/src/app/common/modules/eform-cases/components/case-edit/case-edit-element/case-edit-element.component.ts

@@ -12,13 +12,12 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { CaseEditSwitchComponent } from '../case-edit-switch/case-edit-switch.component';
 import { ElementCommentComponent } from '../case-elements/element-comment/element-comment.component';
 import { ElementPictureComponent } from '../case-elements/element-picture/element-picture.component';
-import { EformCasesModule } from '../../../eform-cases.module';
 import { TranslatePipe } from '@ngx-translate/core';
 
 @Component({
     selector: 'app-case-edit-element',
     templateUrl: './case-edit-element.component.html',
-    imports: [NgIf, MatRadioGroup, ReactiveFormsModule, FormsModule, MatRadioButton, CaseEditSwitchComponent, NgFor, ElementCommentComponent, ElementPictureComponent, EformCasesModule, TranslatePipe]
+    imports: [NgIf, MatRadioGroup, ReactiveFormsModule, FormsModule, MatRadioButton, CaseEditSwitchComponent, NgFor, ElementCommentComponent, ElementPictureComponent, TranslatePipe]
 })
 export class CaseEditElementComponent implements OnInit {
   @ViewChildren(CaseEditElementComponent) editElements: QueryList<CaseEditElementComponent>;

eform-client/src/app/common/modules/eform-cases/components/case-edit/case-edit-switch/case-edit-switch.component.ts

@@ -1,4 +1,4 @@
-import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
+import {Component, EventEmitter, forwardRef, Input, OnInit, Output} from '@angular/core';
 import {DataItemDto} from 'src/app/common/models';
 import { NgIf, NgFor, NgSwitch, NgSwitchCase, NgSwitchDefault } from '@angular/common';
 import { ElementPictureComponent } from '../case-elements/element-picture/element-picture.component';
@@ -22,7 +22,10 @@ import { ElementAudioComponent } from '../case-elements/element-audio/element-au
 @Component({
     selector: 'app-case-edit-switch',
     templateUrl: './case-edit-switch.component.html',
-    imports: [NgIf, NgFor, NgSwitch, NgSwitchCase, ElementPictureComponent, ElementCheckboxComponent, ElementNumberComponent, ElementNumberStepperComponent, ElementCommentComponent, ElementTextComponent, ElementDateComponent, ElementSingleselectComponent, ElementMultiselectComponent, ElementPdfComponent, ElementInfoboxComponent, ElementTimerComponent, ElementSignatureComponent, ElementContainerComponent, ElementEntitysearchComponent, ElementEntityselectComponent, ElementAudioComponent, NgSwitchDefault]
+    imports: [NgIf, NgFor, NgSwitch, NgSwitchCase, ElementPictureComponent, ElementCheckboxComponent, ElementNumberComponent, ElementNumberStepperComponent, ElementCommentComponent, ElementTextComponent, ElementDateComponent, ElementSingleselectComponent, ElementMultiselectComponent, ElementPdfComponent, ElementInfoboxComponent, ElementTimerComponent, ElementSignatureComponent,
+      // ElementContainerComponent imports this component back; forwardRef makes the
+      // compiler emit a lazy dependency list so neither side captures `undefined`.
+      forwardRef(() => ElementContainerComponent), ElementEntitysearchComponent, ElementEntityselectComponent, ElementAudioComponent, NgSwitchDefault]
 })
 export class CaseEditSwitchComponent implements OnInit {
   @Input() dataItemList: Array<DataItemDto> = [];

eform-client/src/app/common/modules/eform-cases/components/case-edit/case-elements/element-container/element-container.component.ts

@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, Output} from '@angular/core';
+import { Component, EventEmitter, forwardRef, Input, Output} from '@angular/core';
 import { DataItemDto } from 'src/app/common/models';
 import { MatCard, MatCardHeader, MatCardContent } from '@angular/material/card';
 import { MatIcon } from '@angular/material/icon';
@@ -10,7 +10,9 @@ import { CaseEditSwitchComponent } from '../../case-edit-switch/case-edit-switch
     selector: 'element-container',
     templateUrl: './element-container.component.html',
     styleUrls: ['./element-container.component.scss'],
-    imports: [MatCard, MatCardHeader, MatIcon, MatCardContent, NgClass, CaseEditSwitchComponent]
+    imports: [MatCard, MatCardHeader, MatIcon, MatCardContent, NgClass,
+      // CaseEditSwitchComponent imports this component back (runtime cycle).
+      forwardRef(() => CaseEditSwitchComponent)]
 })
 export class ElementContainerComponent {
   dataItemList: Array<DataItemDto> = [];