
<turbo-stream action="append" target="document__editable_grammar_relations">
  <template>
    <sdoc-form-row
  
  mid="12adabf4a56143e6924d1040229852ab"
  data-testid="grammar-form-relation-row"

>
  <sdoc-form-row-aside>
    


  </sdoc-form-row-aside>

  <sdoc-form-row-main>

    

  <sdoc-form-field-group
    data-field-label="Relation"
    >

  <sdoc-form-field field-type="select">
      <label for="relation_type_12adabf4a56143e6924d1040229852ab">Relation type</label>
        <select
          class="sdoc-form-select"
          name="document_grammar_relation[12adabf4a56143e6924d1040229852ab][type]"
          id="relation_type_12adabf4a56143e6924d1040229852ab"
          mid="12adabf4a56143e6924d1040229852ab"
          data-testid="select-relation-type"
        >
          <option
            value="Parent"
            selected
          >Parent</option>
          <option
            value="Child"
            
          >Child</option>
          <option
            value="File"
            
          >File</option>
        </select>
    </sdoc-form-field>




<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-js-editable-field
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_relation[12adabf4a56143e6924d1040229852ab][role]"mid="12adabf4a56143e6924d1040229852ab"
    
    placeholder="Enter relation role here..."data-field-label="Relation role:"class="monospace"data-testid="form-field-relation-role"
  ></sdoc-contenteditable><input type="hidden" name="document_grammar_relation[12adabf4a56143e6924d1040229852ab][role]" value="" /></sdoc-form-field>
  </sdoc-form-field-group>


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="12adabf4a56143e6924d1040229852ab"
    title="Delete this relation"
    data-action-type="delete"
    data-js-delete-field-action
    data-turbo-action="replace"
    data-turbo="false"
    data-testid="form-delete-field-action-relation"
  ><svg
  class="svg_icon"
  viewBox="0 0 16 16"
  fill="none"
  stroke="currentColor"
  stroke-width="1.5"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <polyline points="13 5 12 14 4 14 3 5"></polyline>
  <line x1="2" y1="5" x2="14" y2="5"></line>
  <line x1="9.5" y1="7.5" x2="9.5" y2="11.5"></line>
  <line x1="6.5" y1="7.5" x2="6.5" y2="11.5"></line>
  <path d="M10,4 C10,2.8954305 9.1045695,2 8,2 C6.8954305,2 6,2.8954305 6,4"></path>
</svg></button>
  </sdoc-form-row-aside>
</sdoc-form-row>
  </template>
</turbo-stream>
