
<turbo-stream action="replace" target="article-510c4d7a6c19478ea8f09c75fc2e4bc7">
  <template>
    








<turbo-frame
  id="article-510c4d7a6c19478ea8f09c75fc2e4bc7"
>

  <sdoc-node
      data-editable_node="on"
      data-controller="anchor_controller"
    node-role="requirement"
    
      node-view="narrative"
      show-node-type-name="REQUIREMENT"
    data-included-document="False"
    data-testid="node-requirement"
  >

    
      
        <div
    data-controller="copy_stable_link_button"
    data-path="../../#UC-000"
    class="copy_stable_link-button"
    title="Click to copy a stable node link to the clipboard"
  >
    <span style="display: contents;" class="copy_to_clipboard-copy_icon">
      <svg class="svg_icon"  width="16px" height="16px" viewBox="0 0 16 16">
  <path d="M9,7 L9.5,7.5 C10.5,8.5 10.5,9.5 9.5,10.5 L6,14 C5,15 4,15 3,14 L2,13 C1,12 1,11 2,10 L3.5,8.5"></path>
  <path d="M7,9 L6.5,8.5 C5.5,7.5 5.5,6.5 6.5,5.5 L10,2 C11,1 12,1 13,2 L14,3 C15,4 15,5 14,6 L12.5,7.5"></path>
</svg>
    </span>
    <span style="display: none;" class="copy_to_clipboard-done_icon">
      <svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path 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" />
</svg>
    </span>
  </div>
      
    <sdoc-anchor
  id="UC-000"
  data-anchor="UC-000"
  node-role="requirement"
  data-uid="UC-000"
  
  
>
  
  <div class="anchor_block" data-testid="anchor_hover_button">
    
      
<div class="anchor_button" title="Click to copy" data-testid="section-anchor-button">
  <span class="anchor_base_icon" style="line-height: 0.1;">
    <span class="svg_icon_not_hover_visible"><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <circle cx="8" cy="3" r="1"></circle>
  <line x1="8" y1="4" x2="8" y2="14.5"></line>
  <path d="M5.5,6 C5.5,6 7,6 10.5,6 C10.5,6 5.5,6 5.5,6 Z"/>
  <path d="M2,11 C3,10 3.5,9.5 3.5,9.5 C3.5,12 5,13 8,13 C11,13 12.5,12 12.5,9.5 C12.5,9.5 13,10 14,11"/>
</svg></span>
    <span class="svg_icon_hover_visible"><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path d="M8,2 L12,2 C13,2 14,3 14,4 L14,8 C14,9 13,10 12,10 L8,10 C7,10 6,9 6,8 L6,4 C6,3 7,2 8,2 Z"/>
  <path d="M10,12 C10,13 9,14 8,14 L4,14 C3,14 2,13 2,12 L2,8 C2,7 3,6 4,6"/>
</svg></span>
  </span>
  <span class="anchor_check_icon" style="line-height: 0.1; display: none;">
    <svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path 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" />
</svg>
  </span>
  <span class="anchor_button_text">UC-000</span>
</div>
    </div></sdoc-anchor>

    
    











<sdoc-node-content
  node-view="narrative"
  data-level="1"
    data-status='template'
  show-node-type-name="REQUIREMENT"
  data-testid="requirement-style-narrative"
>
  
  
  
  <sdoc-node-title
    data-level="1"
  >
    

<sdoc-field data-controller="copy_to_clipboard">
  <sdoc-field-content>
    <sdoc-autogen>1.&nbsp;Use Case Template</sdoc-autogen>
  </sdoc-field-content>
  <sdoc-field-service>

    <div class="copy_to_clipboard">
      <div class="copy_to_clipboard-cover">
        <div title="Click to copy" class="copy_to_clipboard-button action_button">
          <span style="display: contents;" class="copy_to_clipboard-copy_icon">
            <svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path d="M8,2 L12,2 C13,2 14,3 14,4 L14,8 C14,9 13,10 12,10 L8,10 C7,10 6,9 6,8 L6,4 C6,3 7,2 8,2 Z"/>
  <path d="M10,12 C10,13 9,14 8,14 L4,14 C3,14 2,13 2,12 L2,8 C2,7 3,6 4,6"/>
</svg>
          </span>
          <span style="display: none;" class="copy_to_clipboard-done_icon">
            <svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path 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" />
</svg>
          </span>
        </div>
      </div>
    </div>

  </sdoc-field-service>
</sdoc-field>
  </sdoc-node-title>



  
    
    <sdoc-scope class="node_fields_group-secondary">
      
    <sdoc-node-field-label>UID:</sdoc-node-field-label>
    <sdoc-node-field
      data-field-type="singleline"
      data-field-label="UID"
    >

<sdoc-field data-controller="copy_to_clipboard">
  <sdoc-field-content>
    <sdoc-autogen>UC-000</sdoc-autogen>
  </sdoc-field-content>
  <sdoc-field-service>

    <div class="copy_to_clipboard">
      <div class="copy_to_clipboard-cover">
        <div title="Click to copy" class="copy_to_clipboard-button action_button">
          <span style="display: contents;" class="copy_to_clipboard-copy_icon">
            <svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path d="M8,2 L12,2 C13,2 14,3 14,4 L14,8 C14,9 13,10 12,10 L8,10 C7,10 6,9 6,8 L6,4 C6,3 7,2 8,2 Z"/>
  <path d="M10,12 C10,13 9,14 8,14 L4,14 C3,14 2,13 2,12 L2,8 C2,7 3,6 4,6"/>
</svg>
          </span>
          <span style="display: none;" class="copy_to_clipboard-done_icon">
            <svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path 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" />
</svg>
          </span>
        </div>
      </div>
    </div>

  </sdoc-field-service>
</sdoc-field></sdoc-node-field>
    
  
    <sdoc-node-field-label>STATUS:</sdoc-node-field-label>
    <sdoc-node-field
      data-field-type="singleline"
      data-field-label="STATUS"
    >

<sdoc-field data-controller="copy_to_clipboard">
  <sdoc-field-content>
    <sdoc-autogen>Template</sdoc-autogen>
  </sdoc-field-content>
  <sdoc-field-service>

    <div class="copy_to_clipboard">
      <div class="copy_to_clipboard-cover">
        <div title="Click to copy" class="copy_to_clipboard-button action_button">
          <span style="display: contents;" class="copy_to_clipboard-copy_icon">
            <svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path d="M8,2 L12,2 C13,2 14,3 14,4 L14,8 C14,9 13,10 12,10 L8,10 C7,10 6,9 6,8 L6,4 C6,3 7,2 8,2 Z"/>
  <path d="M10,12 C10,13 9,14 8,14 L4,14 C3,14 2,13 2,12 L2,8 C2,7 3,6 4,6"/>
</svg>
          </span>
          <span style="display: none;" class="copy_to_clipboard-done_icon">
            <svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path 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" />
</svg>
          </span>
        </div>
      </div>
    </div>

  </sdoc-field-service>
</sdoc-field></sdoc-node-field>
    
  
      
    <sdoc-node-field-label>RELATIONS (Parent):</sdoc-node-field-label>
    <sdoc-node-field data-field-label="parent relations">
      <ul class="requirement__link">
        <li>
          <a data-turbo="false" class="requirement__link-parent" href="../../docs/01_capabilities/capabilities.html#CAP-000">
            <span class="requirement__parent-uid">CAP-000</span>
            Capability Template
            
          </a>
        </li>
      </ul>
    </sdoc-node-field>
    <sdoc-node-field-label>RELATIONS (Child):</sdoc-node-field-label>
    <sdoc-node-field data-field-label="child relations">
      <ul class="requirement__link">
        <li>
          <a data-turbo="false" class="requirement__link-child" href="../../docs/03_features/features.html#FEAT-000">
            <span class="requirement__child-uid">FEAT-000</span>
            Feature Template
            
          </a>
        </li>
      </ul>
    </sdoc-node-field>
      
    </sdoc-scope>
    
    <sdoc-scope class="node_fields_group-primary">
      
    <sdoc-node-field-label>STATEMENT:</sdoc-node-field-label>
    <sdoc-node-field
      data-field-label="statement"
    >

<sdoc-field data-controller="copy_to_clipboard">
  <sdoc-field-content>
    <sdoc-autogen><div class="document">
<p>As a [role],
I want to [action],
So that [benefit].</p>
<p>Preconditions:
- [what must be true before]</p>
<p>Main Flow:
1. [step]
2. [step]
3. [step]</p>
<p>Postconditions:
- [what is true after]</p>
<p>Acceptance criteria:
- [testable condition]
- [testable condition]</p>
</div>
</sdoc-autogen>
  </sdoc-field-content>
  <sdoc-field-service>

    <div class="copy_to_clipboard">
      <div class="copy_to_clipboard-cover">
        <div title="Click to copy" class="copy_to_clipboard-button action_button">
          <span style="display: contents;" class="copy_to_clipboard-copy_icon">
            <svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path d="M8,2 L12,2 C13,2 14,3 14,4 L14,8 C14,9 13,10 12,10 L8,10 C7,10 6,9 6,8 L6,4 C6,3 7,2 8,2 Z"/>
  <path d="M10,12 C10,13 9,14 8,14 L4,14 C3,14 2,13 2,12 L2,8 C2,7 3,6 4,6"/>
</svg>
          </span>
          <span style="display: none;" class="copy_to_clipboard-done_icon">
            <svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path 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" />
</svg>
          </span>
        </div>
      </div>
    </div>

  </sdoc-field-service>
</sdoc-field></sdoc-node-field>
    
      
      



  
      



  
    </sdoc-scope>
    
  

</sdoc-node-content>


    


<sdoc-node-controls>

  
  <a
    href="/actions/document/edit_requirement?node_id=510c4d7a6c19478ea8f09c75fc2e4bc7&context_document_mid=2a9291064ea4472697039498dd0df3be"
    class="action_button"
    data-turbo-action="replace"
    data-turbo="true"
    title="Edit"
    data-testid="node-edit-action"
  ><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="M2,13.25 L3,10 L10.5,2.5 C11.5,1.5 12.5,1.5 13.5,2.5 C14.5,3.5 14.5,4.5 13.5,5.5 L6,13 L2.75,14 C2.75,14 2.25,14.25 2,14 C1.75,13.75 2,13.25 2,13.25 Z"></path>
  <line x1="9" y1="4" x2="12" y2="7"></line>
</svg></a>
  <a
    href="/actions/document/delete_requirement?node_id=510c4d7a6c19478ea8f09c75fc2e4bc7&context_document_mid=2a9291064ea4472697039498dd0df3be"
    class="action_button"
    data-turbo-method="delete"
    data-turbo="true"
    title="Delete"
    data-testid="node-delete-action"
  ><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></a>
  


  <a
    href="/actions/document/clone_requirement?reference_mid=510c4d7a6c19478ea8f09c75fc2e4bc7&context_document_mid=2a9291064ea4472697039498dd0df3be"
    class="action_button"
    
    
    data-turbo="true"
    title="Clone"
    data-testid="node-clone-action"
  ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path d="M8,2 L12,2 C13,2 14,3 14,4 L14,8 C14,9 13,10 12,10 L8,10 C7,10 6,9 6,8 L6,4 C6,3 7,2 8,2 Z"/>
  <path d="M10,12 C10,13 9,14 8,14 L4,14 C3,14 2,13 2,12 L2,8 C2,7 3,6 4,6"/>
</svg></a>
  
  <sdoc-menu
    js-dropdown-menu
    data-controller="dropdown_menu"
    class="add_node"
  >
  
    <sdoc-menu-handler
      js-dropdown-menu-handler
      aria-expanded="false"
    >
      <a
        class="action_button"
        title="Add node"
        data-testid="node-menu-handler"
      ><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></a>
    </sdoc-menu-handler>

    <sdoc-menu-list>
      <menu
        js-dropdown-menu-list
        aria-hidden="true"
      >
        <header>Add node</header>

        
          
            <li class="viewtype__menu_header">SECTION:</li>

            
            
              <li></li>
            
            <li>
              <a
                href="/actions/document/new_requirement?reference_mid=510c4d7a6c19478ea8f09c75fc2e4bc7&whereto=before&element_type=SECTION&context_document_mid=2a9291064ea4472697039498dd0df3be"
                data-turbo-action="replace"
                data-turbo="true"
                title="Add SECTION above"
                data-testid="node-add-section-above-action"
              ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path d="M3,3.5 C2,3.5 1,4 1,5.5 L1,6.5 C1,7.5 2,8.5 3,8.5 L13,8.5 C14,8.5 15,7.5 15,6.5 L15,5.5 C15,4 14,3.5 13,3.5"/>
  <line x1="5.5" y1="3.5" x2="10.5" y2="3.5"></line>
  <line x1="8" y1="1" x2="8" y2="6"></line>
  <path d="M3,15 L13,15 C14.5,15 15,14 15,13 C15,12 14.5,11 13,11 L3,11 C1.5,11 1,12 1,13 C1,14 1.5,15 3,15 Z"/>
</svg></a>
            </li>
            
            <li>
              <a
                href="/actions/document/new_requirement?reference_mid=510c4d7a6c19478ea8f09c75fc2e4bc7&whereto=after&element_type=SECTION&context_document_mid=2a9291064ea4472697039498dd0df3be"
                data-turbo-action="replace"
                data-turbo="true"
                title="Add SECTION below"
                data-testid="node-add-section-below-action"
              ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path d="M3,12.5 C2,12.5 1,12 1,10.5 L1,9.5 C1,8.5 2,7.5 3,7.5 L13,7.5 C14,7.5 15,8.5 15,9.5 L15,10.5 C15,12 14,12.5 13,12.5"/>
  <line x1="5.5" y1="12.5" x2="10.5" y2="12.5"></line>
  <line x1="8" y1="15" x2="8" y2="10"></line>
  <path d="M3,1 C3,1 6.5,1 13,1 C14.5,1 15,2 15,3 C15,4 14.5,5 13,5 L3,5 C1.5,5 1,4 1,3 C1,2 1.5,1 3,1 Z"/>
</svg></a>
            </li>
            <li class="viewtype__menu_header">TEXT:</li>

            
            
              <li></li>
            
            <li>
              <a
                href="/actions/document/new_requirement?reference_mid=510c4d7a6c19478ea8f09c75fc2e4bc7&whereto=before&element_type=TEXT&context_document_mid=2a9291064ea4472697039498dd0df3be"
                data-turbo-action="replace"
                data-turbo="true"
                title="Add TEXT above"
                data-testid="node-add-text-above-action"
              ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path d="M3,3.5 C2,3.5 1,4 1,5.5 L1,6.5 C1,7.5 2,8.5 3,8.5 L13,8.5 C14,8.5 15,7.5 15,6.5 L15,5.5 C15,4 14,3.5 13,3.5"/>
  <line x1="5.5" y1="3.5" x2="10.5" y2="3.5"></line>
  <line x1="8" y1="1" x2="8" y2="6"></line>
  <path d="M3,15 L13,15 C14.5,15 15,14 15,13 C15,12 14.5,11 13,11 L3,11 C1.5,11 1,12 1,13 C1,14 1.5,15 3,15 Z"/>
</svg></a>
            </li>
            
            <li>
              <a
                href="/actions/document/new_requirement?reference_mid=510c4d7a6c19478ea8f09c75fc2e4bc7&whereto=after&element_type=TEXT&context_document_mid=2a9291064ea4472697039498dd0df3be"
                data-turbo-action="replace"
                data-turbo="true"
                title="Add TEXT below"
                data-testid="node-add-text-below-action"
              ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path d="M3,12.5 C2,12.5 1,12 1,10.5 L1,9.5 C1,8.5 2,7.5 3,7.5 L13,7.5 C14,7.5 15,8.5 15,9.5 L15,10.5 C15,12 14,12.5 13,12.5"/>
  <line x1="5.5" y1="12.5" x2="10.5" y2="12.5"></line>
  <line x1="8" y1="15" x2="8" y2="10"></line>
  <path d="M3,1 C3,1 6.5,1 13,1 C14.5,1 15,2 15,3 C15,4 14.5,5 13,5 L3,5 C1.5,5 1,4 1,3 C1,2 1.5,1 3,1 Z"/>
</svg></a>
            </li>
            <li class="viewtype__menu_header">REQUIREMENT:</li>

            
            
              <li></li>
            
            <li>
              <a
                href="/actions/document/new_requirement?reference_mid=510c4d7a6c19478ea8f09c75fc2e4bc7&whereto=before&element_type=REQUIREMENT&context_document_mid=2a9291064ea4472697039498dd0df3be"
                data-turbo-action="replace"
                data-turbo="true"
                title="Add REQUIREMENT above"
                data-testid="node-add-requirement-above-action"
              ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path d="M3,3.5 C2,3.5 1,4 1,5.5 L1,6.5 C1,7.5 2,8.5 3,8.5 L13,8.5 C14,8.5 15,7.5 15,6.5 L15,5.5 C15,4 14,3.5 13,3.5"/>
  <line x1="5.5" y1="3.5" x2="10.5" y2="3.5"></line>
  <line x1="8" y1="1" x2="8" y2="6"></line>
  <path d="M3,15 L13,15 C14.5,15 15,14 15,13 C15,12 14.5,11 13,11 L3,11 C1.5,11 1,12 1,13 C1,14 1.5,15 3,15 Z"/>
</svg></a>
            </li>
            
            <li>
              <a
                href="/actions/document/new_requirement?reference_mid=510c4d7a6c19478ea8f09c75fc2e4bc7&whereto=after&element_type=REQUIREMENT&context_document_mid=2a9291064ea4472697039498dd0df3be"
                data-turbo-action="replace"
                data-turbo="true"
                title="Add REQUIREMENT below"
                data-testid="node-add-requirement-below-action"
              ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path d="M3,12.5 C2,12.5 1,12 1,10.5 L1,9.5 C1,8.5 2,7.5 3,7.5 L13,7.5 C14,7.5 15,8.5 15,9.5 L15,10.5 C15,12 14,12.5 13,12.5"/>
  <line x1="5.5" y1="12.5" x2="10.5" y2="12.5"></line>
  <line x1="8" y1="15" x2="8" y2="10"></line>
  <path d="M3,1 C3,1 6.5,1 13,1 C14.5,1 15,2 15,3 C15,4 14.5,5 13,5 L3,5 C1.5,5 1,4 1,3 C1,2 1.5,1 3,1 Z"/>
</svg></a>
            </li></menu>
    </sdoc-menu-list>
  </sdoc-menu></sdoc-node-controls></sdoc-node>
</turbo-frame>
  </template>
</turbo-stream>

<turbo-stream action="update" target="frame-toc">
  <template>
        <ul
      data-testid="toc-list"
      js-collapsible_list="list"
      class="toc"
      id="toc"
      data-controller="draggable_list"><li data-nodeid="510c4d7a6c19478ea8f09c75fc2e4bc7">
        <a
          href="#UC-000"
          anchor="UC-000"
          data-turbo="false"
        >
          <span class="section-number">
            1
          </span>Use Case Template
            </a></li></ul>
  </template>
</turbo-stream>
