{{! pick new delimiters for mustache }}
{{=<% %>=}}
<div *ngIf="instructions" class="psdk-default-form-instruction-text">
  <div key="instructions" id="instruction-text" [innerHTML]="instructions"></div>
</div>
<div [className]="divClass$">
  <div *ngFor="let kid of arChildren$" [ngClass]="{ 'grid-column': kid.getPConnect().getComponentName() === 'View' }">
    <component-mapper
      [name]="kid.getPConnect().getComponentName()"
      [props]="{
        pConn$: kid.getPConnect(),
        formGroup$: formGroup$
      }"
      errorMsg="<%COMPONENT_CLASS_NAME%> wants component not yet available: {{ kid.getPConnect().getComponentName() }}"
    ></component-mapper>
  </div>
</div>
<%={{ }}=%>     {{! revert delimiters for mustache }}