@pega/dx-component-builder-sdk/tests/assets/sdk-a/components/create/override-sdk/infra/root-container/root-container.component.html

Utility for building custom UI components

<div class="progress-box" *ngIf="bIsProgress$">
  <mat-spinner class="progress-spinner"></mat-spinner>
</div>

<div *ngIf="bShowRoot$">
  <div [ngSwitch]="componentName$">
    <component-mapper *ngSwitchCase="'View'" name="View" [props]="{ pConn$, displayOnlyFA$ }"></component-mapper>
    <component-mapper
      *ngSwitchCase="'ViewContainer'"
      name="ViewContainer"
      [props]="{ pConn$: viewContainerPConn$, displayOnlyFA$ }"
    ></component-mapper>
    <div *ngSwitchDefault>{{ localizedVal('RootContainer Missing: ' + componentName$, localeCategory) }}.</div>
  </div>
</div>

<div *ngIf="pvConn$ != null">
  <app-preview-view-container [pConn$]="pvConn$"></app-preview-view-container>
</div>

<div *ngIf="mConn$ != null">
  <app-modal-view-container [pConn$]="mConn$"></app-modal-view-container>
</div>