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