<div id="dialogdrag" cdkDrag cdkDragRootElement=".cdk-overlay-pane">
  <div class="dialogdrag-handle" cdkDragHandle>
    <svg width="24px" fill="currentColor" viewBox="0 0 24 24">
      <path
        d="M10 9h4V6h3l-5-5-5 5h3v3zm-1 1H6V7l-5 5 5 5v-3h3v-4zm14 2l-5-5v3h-3v4h3v3l5-5zm-9 3h-4v3H7l5 5 5-5h-3v-3z">
      </path>
      <path d="M0 0h24v24H0z" fill="none"></path>
    </svg>
  </div>
</div>
<h3> {{ data.title }}</h3>
<pre [innerHTML]="data.body"></pre>
<mat-dialog-actions fxLayoutAlign="end">
  <button id="dialogclose" mat-button mat-dialog-close>Close</button>
  <button id="dialogupdate" mat-button (click)="onUpdate(data.control)"
    *ngIf="data.updatable">{{data.control.updbtnname}}</button>
</mat-dialog-actions>