
<turbo-stream action="append" target="document__editable_grammar_fields">
  <template>
    <sdoc-form-row
  
  data-controller="deletable_field movable_field"

>
  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="cf46769969684ecb808942609cdefe3f"
    title="Move this FIELD 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="cf46769969684ecb808942609cdefe3f"
    title="Move this FIELD 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[cf46769969684ecb808942609cdefe3f][field_required]"
  />
  

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

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


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="cf46769969684ecb808942609cdefe3f"
    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>
  </template>
</turbo-stream>
