{{! pick new delimiters for mustache }}
{{=<% %>=}}
<div class="psdk-operator psdk-double" [ngClass]="{ 'flex-row': displayLabel }">
  <div class="psdk-label">
    {{ label$ }}
  </div>
  <div class="psdk-double">
    <button mat-button color="primary" style="text-decoration: underline" (click)="showOperator()">{{ name$ }}</button>
  </div>
  <div>{{ date$ }}</div>
</div>

<div>
  <div *ngIf="bShowPopover$" class="psdk-operator-popover">
    <dl>
      <div *ngFor="let field of fields$; let i = index">
        <dt>{{ field.name }}</dt>
        <dd class="psdk-operator-value">{{ field.value }}</dd>
      </div>
    </dl>
  </div>
</div>
<%={{ }}=%>     {{! revert delimiters for mustache }}