
<turbo-stream action="update" target="modal">
  <template>
    
<turbo-frame data-controller="modal_controller">
  <sdoc-backdrop>
      <sdoc-modal context="form">
        <sdoc-modal-header>
<turbo-frame>
  <a
    href="/actions/document/edit_grammar?document_mid=5dc7c64fa676408fa0005ad8fb18d589"
    data-testid="back-link-grammar-element"
    class="sdoc-modal-header-back-button"
    data-turbo="true"
    data-turbo-action="replace"
  >←</a>Edit grammar element: REQUIREMENT
</turbo-frame>
</sdoc-modal-header>
        <sdoc-modal-content>
  <form
    id="sdoc_modal_form"  
    method="POST"
    data-turbo="true"
    action="/actions/document/save_grammar_element"
    data-controller="tabs"
    >
    <input type="hidden" id="document_mid" name="document_mid" value="5dc7c64fa676408fa0005ad8fb18d589"/>
    <input type="hidden" id="element_mid" name="element_mid" value="f42c8215f26a4530bcef6c08fc3560c1"/>

    
    <input
      type="hidden"
      value=""
      name="is_composite"
    />
    
    <input
      type="hidden"
      value=""
      name="prefix"
    />
    
    <input
      type="hidden"
      value=""
      name="view_style"
    />

    
    <sdoc-tab-content id="Fields" active>
      <sdoc-form-descr>
        <b>StrictDoc conventions:</b>
        <br/>
        The requirements fields above the reserved "TITLE" field are dedicated to meta information and will be rendered as single-line. The fields below the reserved "STATEMENT" field are multiline and should be used for fields with more descriptive text.
      </sdoc-form-descr>

      <sdoc-form-grid>
        <div style="display: contents;" id="document__editable_grammar_fields"><sdoc-form-row
  
  data-controller=""

>
  <sdoc-form-row-aside>
    


  </sdoc-form-row-aside>

  <sdoc-form-row-main>

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

  
  <input
    type="hidden"
    value="false"
    name="document_grammar_field[5f7130b621dd41109b44d16bb0c1aaf0][field_required]"
  />

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="false"id="document_grammar_field[5f7130b621dd41109b44d16bb0c1aaf0][field_name]"
    mid="5f7130b621dd41109b44d16bb0c1aaf0"
    placeholder="Enter field name here..."
    data-field-label="Field name"class="monospace"data-testid="form-field-reserved_field_name"
  >UID</sdoc-contenteditable><input type="hidden" name="document_grammar_field[5f7130b621dd41109b44d16bb0c1aaf0][field_name]" value="UID" /></sdoc-form-field>

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[5f7130b621dd41109b44d16bb0c1aaf0][field_human_title]"
    mid="5f7130b621dd41109b44d16bb0c1aaf0"
    placeholder="Enter human readable field name here..."
    data-field-label="Field human name"class="monospace"data-testid="form-field-reserved_field_human_title"
  ></sdoc-contenteditable><input type="hidden" name="document_grammar_field[5f7130b621dd41109b44d16bb0c1aaf0][field_human_title]" value="" /></sdoc-form-field></sdoc-form-field-group>


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    


  </sdoc-form-row-aside>
</sdoc-form-row><sdoc-form-row
  
  data-controller="deletable_field movable_field"

>
  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="273e707048e04584ab1b9d9f03a2b2e5"
    title="Move this LEVEL down"
    data-action-type="move_down"
    data-js-move-down-field-action
    data-turbo-action="replace"
    data-turbo="false"
    data-testid="form-move-down-field-action-custom-field"
  ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <polyline points="4 11 8 14 12 11"></polyline>
  <line x1="6" y1="2" x2="10" y2="2"></line>
  <line x1="8" y1="14" x2="8" y2="6"></line>
</svg></button><button
    class="field_action"
    mid="273e707048e04584ab1b9d9f03a2b2e5"
    title="Move this LEVEL up"
    data-action-type="move_up"
    data-js-move-up-field-action
    data-turbo-action="replace"
    data-turbo="false"
    data-testid="form-move-up-field-action-custom-field"
  ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <path d="M8,10 C8,10 8,2 8,2"></path>
  <polyline points="4 5 8 2 12 5"></polyline>
  <line x1="6" y1="14" x2="10" y2="14"></line>
</svg></button>
  </sdoc-form-row-aside>

  <sdoc-form-row-main>

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

  
  <input
    type="hidden"
    value="false"
    name="document_grammar_field[273e707048e04584ab1b9d9f03a2b2e5][field_required]"
  />
  

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[273e707048e04584ab1b9d9f03a2b2e5][field_name]"
    mid="273e707048e04584ab1b9d9f03a2b2e5"
    placeholder="Enter field name here..."
    data-field-label="Field name"class="monospace"data-testid="form-field-reserved_field_name"
  >LEVEL</sdoc-contenteditable><input type="hidden" name="document_grammar_field[273e707048e04584ab1b9d9f03a2b2e5][field_name]" value="LEVEL" /></sdoc-form-field>

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[273e707048e04584ab1b9d9f03a2b2e5][field_human_title]"
    mid="273e707048e04584ab1b9d9f03a2b2e5"
    placeholder="Enter human readable field name here..."
    data-field-label="Field human name"class="monospace"data-testid="form-field-reserved_field_human_title"
  ></sdoc-contenteditable><input type="hidden" name="document_grammar_field[273e707048e04584ab1b9d9f03a2b2e5][field_human_title]" value="" /></sdoc-form-field></sdoc-form-field-group>


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="273e707048e04584ab1b9d9f03a2b2e5"
    title="Delete this custom field"
    data-action-type="delete"
    data-js-delete-field-action
    data-turbo-action="replace"
    data-turbo="false"
    data-testid="form-delete-field-action-custom-field"
  ><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><sdoc-form-row
  
  data-controller="deletable_field movable_field"

>
  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="0f869795b77e4e169f25942aadb6068a"
    title="Move this STATUS down"
    data-action-type="move_down"
    data-js-move-down-field-action
    data-turbo-action="replace"
    data-turbo="false"
    data-testid="form-move-down-field-action-custom-field"
  ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <polyline points="4 11 8 14 12 11"></polyline>
  <line x1="6" y1="2" x2="10" y2="2"></line>
  <line x1="8" y1="14" x2="8" y2="6"></line>
</svg></button><button
    class="field_action"
    mid="0f869795b77e4e169f25942aadb6068a"
    title="Move this STATUS up"
    data-action-type="move_up"
    data-js-move-up-field-action
    data-turbo-action="replace"
    data-turbo="false"
    data-testid="form-move-up-field-action-custom-field"
  ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <path d="M8,10 C8,10 8,2 8,2"></path>
  <polyline points="4 5 8 2 12 5"></polyline>
  <line x1="6" y1="14" x2="10" y2="14"></line>
</svg></button>
  </sdoc-form-row-aside>

  <sdoc-form-row-main>

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

  
  <input
    type="hidden"
    value="false"
    name="document_grammar_field[0f869795b77e4e169f25942aadb6068a][field_required]"
  />
  

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[0f869795b77e4e169f25942aadb6068a][field_name]"
    mid="0f869795b77e4e169f25942aadb6068a"
    placeholder="Enter field name here..."
    data-field-label="Field name"class="monospace"data-testid="form-field-reserved_field_name"
  >STATUS</sdoc-contenteditable><input type="hidden" name="document_grammar_field[0f869795b77e4e169f25942aadb6068a][field_name]" value="STATUS" /></sdoc-form-field>

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[0f869795b77e4e169f25942aadb6068a][field_human_title]"
    mid="0f869795b77e4e169f25942aadb6068a"
    placeholder="Enter human readable field name here..."
    data-field-label="Field human name"class="monospace"data-testid="form-field-reserved_field_human_title"
  ></sdoc-contenteditable><input type="hidden" name="document_grammar_field[0f869795b77e4e169f25942aadb6068a][field_human_title]" value="" /></sdoc-form-field></sdoc-form-field-group>


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="0f869795b77e4e169f25942aadb6068a"
    title="Delete this custom field"
    data-action-type="delete"
    data-js-delete-field-action
    data-turbo-action="replace"
    data-turbo="false"
    data-testid="form-delete-field-action-custom-field"
  ><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><sdoc-form-row
  
  data-controller="deletable_field movable_field"

>
  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="712be02b8dec4179a25b5273cadd13a8"
    title="Move this TAGS down"
    data-action-type="move_down"
    data-js-move-down-field-action
    data-turbo-action="replace"
    data-turbo="false"
    data-testid="form-move-down-field-action-custom-field"
  ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <polyline points="4 11 8 14 12 11"></polyline>
  <line x1="6" y1="2" x2="10" y2="2"></line>
  <line x1="8" y1="14" x2="8" y2="6"></line>
</svg></button><button
    class="field_action"
    mid="712be02b8dec4179a25b5273cadd13a8"
    title="Move this TAGS up"
    data-action-type="move_up"
    data-js-move-up-field-action
    data-turbo-action="replace"
    data-turbo="false"
    data-testid="form-move-up-field-action-custom-field"
  ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <path d="M8,10 C8,10 8,2 8,2"></path>
  <polyline points="4 5 8 2 12 5"></polyline>
  <line x1="6" y1="14" x2="10" y2="14"></line>
</svg></button>
  </sdoc-form-row-aside>

  <sdoc-form-row-main>

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

  
  <input
    type="hidden"
    value="false"
    name="document_grammar_field[712be02b8dec4179a25b5273cadd13a8][field_required]"
  />
  

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[712be02b8dec4179a25b5273cadd13a8][field_name]"
    mid="712be02b8dec4179a25b5273cadd13a8"
    placeholder="Enter field name here..."
    data-field-label="Field name"class="monospace"data-testid="form-field-reserved_field_name"
  >TAGS</sdoc-contenteditable><input type="hidden" name="document_grammar_field[712be02b8dec4179a25b5273cadd13a8][field_name]" value="TAGS" /></sdoc-form-field>

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[712be02b8dec4179a25b5273cadd13a8][field_human_title]"
    mid="712be02b8dec4179a25b5273cadd13a8"
    placeholder="Enter human readable field name here..."
    data-field-label="Field human name"class="monospace"data-testid="form-field-reserved_field_human_title"
  ></sdoc-contenteditable><input type="hidden" name="document_grammar_field[712be02b8dec4179a25b5273cadd13a8][field_human_title]" value="" /></sdoc-form-field></sdoc-form-field-group>


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="712be02b8dec4179a25b5273cadd13a8"
    title="Delete this custom field"
    data-action-type="delete"
    data-js-delete-field-action
    data-turbo-action="replace"
    data-turbo="false"
    data-testid="form-delete-field-action-custom-field"
  ><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><sdoc-form-row
  
  data-controller=""

>
  <sdoc-form-row-aside>
    


  </sdoc-form-row-aside>

  <sdoc-form-row-main>

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

  
  <input
    type="hidden"
    value="false"
    name="document_grammar_field[d6632f6c23ee4923991e719b5b39ff53][field_required]"
  />

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="false"id="document_grammar_field[d6632f6c23ee4923991e719b5b39ff53][field_name]"
    mid="d6632f6c23ee4923991e719b5b39ff53"
    placeholder="Enter field name here..."
    data-field-label="Field name"class="monospace"data-testid="form-field-reserved_field_name"
  >TITLE</sdoc-contenteditable><input type="hidden" name="document_grammar_field[d6632f6c23ee4923991e719b5b39ff53][field_name]" value="TITLE" /></sdoc-form-field>

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[d6632f6c23ee4923991e719b5b39ff53][field_human_title]"
    mid="d6632f6c23ee4923991e719b5b39ff53"
    placeholder="Enter human readable field name here..."
    data-field-label="Field human name"class="monospace"data-testid="form-field-reserved_field_human_title"
  ></sdoc-contenteditable><input type="hidden" name="document_grammar_field[d6632f6c23ee4923991e719b5b39ff53][field_human_title]" value="" /></sdoc-form-field></sdoc-form-field-group>


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    


  </sdoc-form-row-aside>
</sdoc-form-row><sdoc-form-row
  
  data-controller=""

>
  <sdoc-form-row-aside>
    


  </sdoc-form-row-aside>

  <sdoc-form-row-main>

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

  
  <input
    type="hidden"
    value="false"
    name="document_grammar_field[209708a77e3f4a21bb5910252591cafc][field_required]"
  />

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="false"id="document_grammar_field[209708a77e3f4a21bb5910252591cafc][field_name]"
    mid="209708a77e3f4a21bb5910252591cafc"
    placeholder="Enter field name here..."
    data-field-label="Field name"class="monospace"data-testid="form-field-reserved_field_name"
  >STATEMENT</sdoc-contenteditable><input type="hidden" name="document_grammar_field[209708a77e3f4a21bb5910252591cafc][field_name]" value="STATEMENT" /></sdoc-form-field>

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[209708a77e3f4a21bb5910252591cafc][field_human_title]"
    mid="209708a77e3f4a21bb5910252591cafc"
    placeholder="Enter human readable field name here..."
    data-field-label="Field human name"class="monospace"data-testid="form-field-reserved_field_human_title"
  ></sdoc-contenteditable><input type="hidden" name="document_grammar_field[209708a77e3f4a21bb5910252591cafc][field_human_title]" value="" /></sdoc-form-field></sdoc-form-field-group>


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    


  </sdoc-form-row-aside>
</sdoc-form-row><sdoc-form-row
  
  data-controller=""

>
  <sdoc-form-row-aside>
    


  </sdoc-form-row-aside>

  <sdoc-form-row-main>

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

  
  <input
    type="hidden"
    value="false"
    name="document_grammar_field[59f5ee6a662545dfbc8ea96c9e498560][field_required]"
  />

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="false"id="document_grammar_field[59f5ee6a662545dfbc8ea96c9e498560][field_name]"
    mid="59f5ee6a662545dfbc8ea96c9e498560"
    placeholder="Enter field name here..."
    data-field-label="Field name"class="monospace"data-testid="form-field-reserved_field_name"
  >RATIONALE</sdoc-contenteditable><input type="hidden" name="document_grammar_field[59f5ee6a662545dfbc8ea96c9e498560][field_name]" value="RATIONALE" /></sdoc-form-field>

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[59f5ee6a662545dfbc8ea96c9e498560][field_human_title]"
    mid="59f5ee6a662545dfbc8ea96c9e498560"
    placeholder="Enter human readable field name here..."
    data-field-label="Field human name"class="monospace"data-testid="form-field-reserved_field_human_title"
  ></sdoc-contenteditable><input type="hidden" name="document_grammar_field[59f5ee6a662545dfbc8ea96c9e498560][field_human_title]" value="" /></sdoc-form-field></sdoc-form-field-group>


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    


  </sdoc-form-row-aside>
</sdoc-form-row><sdoc-form-row
  
  data-controller=""

>
  <sdoc-form-row-aside>
    


  </sdoc-form-row-aside>

  <sdoc-form-row-main>

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

  
  <input
    type="hidden"
    value="false"
    name="document_grammar_field[93f66c05acee4eb396a54c3c5bcf9d9d][field_required]"
  />

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="false"id="document_grammar_field[93f66c05acee4eb396a54c3c5bcf9d9d][field_name]"
    mid="93f66c05acee4eb396a54c3c5bcf9d9d"
    placeholder="Enter field name here..."
    data-field-label="Field name"class="monospace"data-testid="form-field-reserved_field_name"
  >COMMENT</sdoc-contenteditable><input type="hidden" name="document_grammar_field[93f66c05acee4eb396a54c3c5bcf9d9d][field_name]" value="COMMENT" /></sdoc-form-field>

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[93f66c05acee4eb396a54c3c5bcf9d9d][field_human_title]"
    mid="93f66c05acee4eb396a54c3c5bcf9d9d"
    placeholder="Enter human readable field name here..."
    data-field-label="Field human name"class="monospace"data-testid="form-field-reserved_field_human_title"
  ></sdoc-contenteditable><input type="hidden" name="document_grammar_field[93f66c05acee4eb396a54c3c5bcf9d9d][field_human_title]" value="" /></sdoc-form-field></sdoc-form-field-group>


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    


  </sdoc-form-row-aside>
</sdoc-form-row></div>
      </sdoc-form-grid>

      <sdoc-form-footer>
        <a
          class="action_button"
          href="/actions/document/add_grammar_field?document_mid=5dc7c64fa676408fa0005ad8fb18d589"
          data-turbo="true"
          data-action-type="add_field"
          data-testid="form-action-add-grammar-field"
          
          onclick="setTimeout(()=> {this.scrollIntoView()}, 100)"
        ><svg class="svg_icon"  width="16px" height="16px" viewBox="0 0 16 16">
  <line x1="8" y1="3" x2="8" y2="13"></line>
  <line x1="13" y1="8" x2="3" y2="8"></line>
</svg> Add grammar field</a>
      </sdoc-form-footer>

    </sdoc-tab-content>

    
    <sdoc-tab-content id="Relations">

      

      <sdoc-form-grid>
        <div style="display: contents;" id="document__editable_grammar_relations"><sdoc-form-row
  
  data-controller="deletable_field movable_field"
  mid="ccacabd7ef2642f3aa4190dc339e6da7"
  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_ccacabd7ef2642f3aa4190dc339e6da7">Relation type</label>
        <select
          class="sdoc-form-select"
          name="document_grammar_relation[ccacabd7ef2642f3aa4190dc339e6da7][type]"
          id="relation_type_ccacabd7ef2642f3aa4190dc339e6da7"
          mid="ccacabd7ef2642f3aa4190dc339e6da7"
          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[ccacabd7ef2642f3aa4190dc339e6da7][role]"
    mid="ccacabd7ef2642f3aa4190dc339e6da7"
    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[ccacabd7ef2642f3aa4190dc339e6da7][role]" value="" /></sdoc-form-field>
  </sdoc-form-field-group>


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="ccacabd7ef2642f3aa4190dc339e6da7"
    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><sdoc-form-row
  
  data-controller="deletable_field movable_field"
  mid="51abea42512349d0818ec3e8b81c6827"
  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_51abea42512349d0818ec3e8b81c6827">Relation type</label>
        <select
          class="sdoc-form-select"
          name="document_grammar_relation[51abea42512349d0818ec3e8b81c6827][type]"
          id="relation_type_51abea42512349d0818ec3e8b81c6827"
          mid="51abea42512349d0818ec3e8b81c6827"
          data-testid="select-relation-type"
        >
          <option
            value="Parent"
            
          >Parent</option>
          <option
            value="Child"
            
          >Child</option>
          <option
            value="File"
            selected
          >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[51abea42512349d0818ec3e8b81c6827][role]"
    mid="51abea42512349d0818ec3e8b81c6827"
    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[51abea42512349d0818ec3e8b81c6827][role]" value="" /></sdoc-form-field>
  </sdoc-form-field-group>


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="51abea42512349d0818ec3e8b81c6827"
    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></div>
      </sdoc-form-grid>

      <sdoc-form-footer>
        <a
          class="action_button"
          href="/actions/document/add_grammar_relation?document_mid=5dc7c64fa676408fa0005ad8fb18d589"
          data-turbo="true"
          data-action-type="add_relation"
          data-testid="form-action-add-grammar-relation"
          
          onclick="setTimeout(()=> {this.scrollIntoView()}, 100)"
        ><svg class="svg_icon"  width="16px" height="16px" viewBox="0 0 16 16">
  <line x1="8" y1="3" x2="8" y2="13"></line>
  <line x1="13" y1="8" x2="3" y2="8"></line>
</svg> Add grammar relation</a>
      </sdoc-form-footer>

    </sdoc-tab-content>

  </form>
</sdoc-modal-content>
        <sdoc-modal-footer>
            
<button
  
    form="sdoc_modal_form"
  
  data-turbo="true"
  class="action_button"
  type="submit"
  data-action-type="submit"
  data-testid="form-submit-action"
>Save</button>
          
            <button
    stimulus-modal-cancel-button
    type="button"
    class="action_button"
    data-action-type="cancel"
    data-testid="form-cancel-action"
  >Cancel</button>
          </sdoc-modal-footer>
      </sdoc-modal>
  </sdoc-backdrop>
</turbo-frame>
  </template>
</turbo-stream>
