
<turbo-stream action="update" target="modal">
  <template>
    
<turbo-frame data-js-modal>
  <sdoc-backdrop>
      <sdoc-modal context="form">
        <sdoc-modal-header>
<turbo-frame>
  <a
    href="/actions/document/edit_grammar?document_mid=def599776fa24fd3a31c791f15dd2f71"
    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-js-tabs
    >
    <input type="hidden" id="document_mid" name="document_mid" value="def599776fa24fd3a31c791f15dd2f71"/>
    <input type="hidden" id="element_mid" name="element_mid" value="09261d1c659d428a91e202f53e37b2c4"/>

    
    <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
  

>
  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="8face3b24d994b7195e61689aee2d63c"
    title="Move this MID 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"
  viewBox="0 0 16 16"
  fill="none"
  stroke="currentColor"
  stroke-width="1.5"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <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="8face3b24d994b7195e61689aee2d63c"
    title="Move this MID 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"
  viewBox="0 0 16 16"
  fill="none"
  stroke="currentColor"
  stroke-width="1.5"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <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[8face3b24d994b7195e61689aee2d63c][field_required]"
  />
  




<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-js-editable-field
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[8face3b24d994b7195e61689aee2d63c][field_name]"mid="8face3b24d994b7195e61689aee2d63c"
    
    placeholder="Enter field name here..."data-field-label="Field name"class="monospace"data-testid="form-field-reserved_field_name"
  >MID</sdoc-contenteditable><input type="hidden" name="document_grammar_field[8face3b24d994b7195e61689aee2d63c][field_name]" value="MID" /></sdoc-form-field>




<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-js-editable-field
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[8face3b24d994b7195e61689aee2d63c][field_human_title]"mid="8face3b24d994b7195e61689aee2d63c"
    
    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[8face3b24d994b7195e61689aee2d63c][field_human_title]" value="" /></sdoc-form-field></sdoc-form-field-group>


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="8face3b24d994b7195e61689aee2d63c"
    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"
  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><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[58cc09da9b38413481ea1e2d5a02dd6a][field_required]"
  />




<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-js-editable-field
    role="textbox"
    data-field-type="singleline"contenteditable="false"id="document_grammar_field[58cc09da9b38413481ea1e2d5a02dd6a][field_name]"mid="58cc09da9b38413481ea1e2d5a02dd6a"
    
    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[58cc09da9b38413481ea1e2d5a02dd6a][field_name]" value="UID" /></sdoc-form-field>




<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-js-editable-field
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[58cc09da9b38413481ea1e2d5a02dd6a][field_human_title]"mid="58cc09da9b38413481ea1e2d5a02dd6a"
    
    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[58cc09da9b38413481ea1e2d5a02dd6a][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
  

>
  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="ddc582576c7e473cafaaa94eac35deeb"
    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"
  viewBox="0 0 16 16"
  fill="none"
  stroke="currentColor"
  stroke-width="1.5"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <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="ddc582576c7e473cafaaa94eac35deeb"
    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"
  viewBox="0 0 16 16"
  fill="none"
  stroke="currentColor"
  stroke-width="1.5"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <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[ddc582576c7e473cafaaa94eac35deeb][field_required]"
  />
  




<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-js-editable-field
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[ddc582576c7e473cafaaa94eac35deeb][field_name]"mid="ddc582576c7e473cafaaa94eac35deeb"
    
    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[ddc582576c7e473cafaaa94eac35deeb][field_name]" value="LEVEL" /></sdoc-form-field>




<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-js-editable-field
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[ddc582576c7e473cafaaa94eac35deeb][field_human_title]"mid="ddc582576c7e473cafaaa94eac35deeb"
    
    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[ddc582576c7e473cafaaa94eac35deeb][field_human_title]" value="" /></sdoc-form-field></sdoc-form-field-group>


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="ddc582576c7e473cafaaa94eac35deeb"
    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"
  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><sdoc-form-row
  

>
  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="0d8a7df7fd674bee91947d9a3f93794e"
    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"
  viewBox="0 0 16 16"
  fill="none"
  stroke="currentColor"
  stroke-width="1.5"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <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="0d8a7df7fd674bee91947d9a3f93794e"
    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"
  viewBox="0 0 16 16"
  fill="none"
  stroke="currentColor"
  stroke-width="1.5"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <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[0d8a7df7fd674bee91947d9a3f93794e][field_required]"
  />
  




<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-js-editable-field
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[0d8a7df7fd674bee91947d9a3f93794e][field_name]"mid="0d8a7df7fd674bee91947d9a3f93794e"
    
    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[0d8a7df7fd674bee91947d9a3f93794e][field_name]" value="STATUS" /></sdoc-form-field>




<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-js-editable-field
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[0d8a7df7fd674bee91947d9a3f93794e][field_human_title]"mid="0d8a7df7fd674bee91947d9a3f93794e"
    
    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[0d8a7df7fd674bee91947d9a3f93794e][field_human_title]" value="" /></sdoc-form-field></sdoc-form-field-group>


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="0d8a7df7fd674bee91947d9a3f93794e"
    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"
  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><sdoc-form-row
  

>
  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="c498aa47053842ce8ac3125130cca91a"
    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"
  viewBox="0 0 16 16"
  fill="none"
  stroke="currentColor"
  stroke-width="1.5"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <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="c498aa47053842ce8ac3125130cca91a"
    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"
  viewBox="0 0 16 16"
  fill="none"
  stroke="currentColor"
  stroke-width="1.5"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <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[c498aa47053842ce8ac3125130cca91a][field_required]"
  />
  




<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-js-editable-field
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[c498aa47053842ce8ac3125130cca91a][field_name]"mid="c498aa47053842ce8ac3125130cca91a"
    
    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[c498aa47053842ce8ac3125130cca91a][field_name]" value="TAGS" /></sdoc-form-field>




<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-js-editable-field
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[c498aa47053842ce8ac3125130cca91a][field_human_title]"mid="c498aa47053842ce8ac3125130cca91a"
    
    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[c498aa47053842ce8ac3125130cca91a][field_human_title]" value="" /></sdoc-form-field></sdoc-form-field-group>


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="c498aa47053842ce8ac3125130cca91a"
    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"
  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><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[b8d4ba67ccf94c73a0c22a051c9d55e7][field_required]"
  />




<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-js-editable-field
    role="textbox"
    data-field-type="singleline"contenteditable="false"id="document_grammar_field[b8d4ba67ccf94c73a0c22a051c9d55e7][field_name]"mid="b8d4ba67ccf94c73a0c22a051c9d55e7"
    
    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[b8d4ba67ccf94c73a0c22a051c9d55e7][field_name]" value="TITLE" /></sdoc-form-field>




<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-js-editable-field
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[b8d4ba67ccf94c73a0c22a051c9d55e7][field_human_title]"mid="b8d4ba67ccf94c73a0c22a051c9d55e7"
    
    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[b8d4ba67ccf94c73a0c22a051c9d55e7][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[70965d9037a448399ae83280560411d1][field_required]"
  />




<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-js-editable-field
    role="textbox"
    data-field-type="singleline"contenteditable="false"id="document_grammar_field[70965d9037a448399ae83280560411d1][field_name]"mid="70965d9037a448399ae83280560411d1"
    
    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[70965d9037a448399ae83280560411d1][field_name]" value="STATEMENT" /></sdoc-form-field>




<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-js-editable-field
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[70965d9037a448399ae83280560411d1][field_human_title]"mid="70965d9037a448399ae83280560411d1"
    
    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[70965d9037a448399ae83280560411d1][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[877ad37e8d2c440491d2538fd9907654][field_required]"
  />




<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-js-editable-field
    role="textbox"
    data-field-type="singleline"contenteditable="false"id="document_grammar_field[877ad37e8d2c440491d2538fd9907654][field_name]"mid="877ad37e8d2c440491d2538fd9907654"
    
    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[877ad37e8d2c440491d2538fd9907654][field_name]" value="RATIONALE" /></sdoc-form-field>




<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-js-editable-field
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[877ad37e8d2c440491d2538fd9907654][field_human_title]"mid="877ad37e8d2c440491d2538fd9907654"
    
    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[877ad37e8d2c440491d2538fd9907654][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[943660a88eb040e1b0aff6e29e00b30c][field_required]"
  />




<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-js-editable-field
    role="textbox"
    data-field-type="singleline"contenteditable="false"id="document_grammar_field[943660a88eb040e1b0aff6e29e00b30c][field_name]"mid="943660a88eb040e1b0aff6e29e00b30c"
    
    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[943660a88eb040e1b0aff6e29e00b30c][field_name]" value="COMMENT" /></sdoc-form-field>




<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-js-editable-field
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[943660a88eb040e1b0aff6e29e00b30c][field_human_title]"mid="943660a88eb040e1b0aff6e29e00b30c"
    
    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[943660a88eb040e1b0aff6e29e00b30c][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=def599776fa24fd3a31c791f15dd2f71"
          data-turbo="true"
          data-action-type="add_field"
          data-testid="form-action-add-grammar-field"
          
          onclick="setTimeout(()=> {this.scrollIntoView()}, 100)"
        ><svg
  class="svg_icon"
  viewBox="0 0 16 16"
  fill="none"
  stroke="currentColor"
  stroke-width="1.5"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <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
  
  mid="721852a7c7f941eca469cf7486fedd7e"
  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_721852a7c7f941eca469cf7486fedd7e">Relation type</label>
        <select
          class="sdoc-form-select"
          name="document_grammar_relation[721852a7c7f941eca469cf7486fedd7e][type]"
          id="relation_type_721852a7c7f941eca469cf7486fedd7e"
          mid="721852a7c7f941eca469cf7486fedd7e"
          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[721852a7c7f941eca469cf7486fedd7e][role]"mid="721852a7c7f941eca469cf7486fedd7e"
    
    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[721852a7c7f941eca469cf7486fedd7e][role]" value="" /></sdoc-form-field>
  </sdoc-form-field-group>


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="721852a7c7f941eca469cf7486fedd7e"
    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><sdoc-form-row
  
  mid="d3af8a3b210e4a049d59f4cf5c6ef4c6"
  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_d3af8a3b210e4a049d59f4cf5c6ef4c6">Relation type</label>
        <select
          class="sdoc-form-select"
          name="document_grammar_relation[d3af8a3b210e4a049d59f4cf5c6ef4c6][type]"
          id="relation_type_d3af8a3b210e4a049d59f4cf5c6ef4c6"
          mid="d3af8a3b210e4a049d59f4cf5c6ef4c6"
          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-js-editable-field
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_relation[d3af8a3b210e4a049d59f4cf5c6ef4c6][role]"mid="d3af8a3b210e4a049d59f4cf5c6ef4c6"
    
    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[d3af8a3b210e4a049d59f4cf5c6ef4c6][role]" value="" /></sdoc-form-field>
  </sdoc-form-field-group>


  </sdoc-form-row-main>

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

      <sdoc-form-footer>
        <a
          class="action_button"
          href="/actions/document/add_grammar_relation?document_mid=def599776fa24fd3a31c791f15dd2f71"
          data-turbo="true"
          data-action-type="add_relation"
          data-testid="form-action-add-grammar-relation"
          
          onclick="setTimeout(()=> {this.scrollIntoView()}, 100)"
        ><svg
  class="svg_icon"
  viewBox="0 0 16 16"
  fill="none"
  stroke="currentColor"
  stroke-width="1.5"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <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"
><svg
  class="svg_icon"
  viewBox="0 0 16 16"
  fill="none"
  stroke="currentColor"
  stroke-width="1.5"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path class="ico_submit_static" d="M2.5,8.5 C2.5,8.5 3.5,9.5 6,12 C11,7 13.5,4.5 13.5,4.5" />
  <circle class="ico_submit_spinner" cx="8" cy="8" r="5.5" stroke-dasharray="22 13" />
</svg>Save</button>
          
            <button
    data-js-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>
