<div class="dialog-container">
  <!-- <app-layouts-default-dialog [disableClose]="true" (closed)="onClosed($event)">
    <div class="dialog-body" appLayoutsDefaultDialog="body">

    </div>
  </app-layouts-default-dialog> -->

  <ucap-inline-edit-input
    [initialMode]="true"
    (apply)="
      $event.stopPropagation(); onApplyEditGroupName(editGroupInput.value)
    "
    (edit)="$event.stopPropagation()"
    (cancel)="onClosed($event)"
    class="form-eidt"
  >
    <span ucapInlineEditInput="view">{{ data.group.name }}</span>
    <span ucapInlineEditInput="edit"
      ><input
        matInput
        #editGroupInput
        type="text"
        [value]="data.group.name"
        (click)="$event.stopPropagation()"
    /></span>
  </ucap-inline-edit-input>
</div>