
<turbo-stream action="append" target="document__editable_grammar_relations">
  <template>
    <sdoc-form-row
  
  data-controller="deletable_field movable_field"
  mid="5fce3a1624ba4a1e894eb33ba3255979"
  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_5fce3a1624ba4a1e894eb33ba3255979">Relation type</label>
        <select
          class="sdoc-form-select"
          name="document_grammar_relation[5fce3a1624ba4a1e894eb33ba3255979][type]"
          id="relation_type_5fce3a1624ba4a1e894eb33ba3255979"
          mid="5fce3a1624ba4a1e894eb33ba3255979"
          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-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_relation[5fce3a1624ba4a1e894eb33ba3255979][role]"
    mid="5fce3a1624ba4a1e894eb33ba3255979"
    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[5fce3a1624ba4a1e894eb33ba3255979][role]" value="" /></sdoc-form-field>
  </sdoc-form-field-group>


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="5fce3a1624ba4a1e894eb33ba3255979"
    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"  width="16px" height="16px" viewBox="0 0 16 16">
  <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>
