<turbo-stream action="replace" target="company_profile_product_lines_mobile_sort"><template>
  
<div id="company_profile_product_lines_mobile_sort"
     class="visible-tablet dropdown m-4"
     data-controller="toggle-class"
     data-toggle-class-css-class="is-active"
     data-toggle-class-target="el">
  <div class="dropdown-trigger full-width">
    <button class=" button full-width has-text-align-left is-justify-content-flex-start"
            
            data-action="click->toggle-class#toggle">
      <span>Sort: Product Line Amount High to Low</span>
      <span class="icon ml-auto mr-2">
        <i class="fas fa-angle-down"></i>
      </span>
    </button>
  </div>
  <div class="dropdown-menu-wrapper full-width">
    <div class="dropdown-menu full-width">
      <div class="dropdown-content">
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=25633&amp;sort%5Breporting_segment_name%5D=asc">Reporting Segment [A-Z]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=25633&amp;sort%5Breporting_segment_name%5D=desc">Reporting Segment [Z-A]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=25633&amp;sort%5Bname%5D=asc">Product Line [A-Z]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=25633&amp;sort%5Bname%5D=desc">Product Line [Z-A]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=25633&amp;sort%5Bmetric_amount_raw%5D=desc">Product Line Amount High to Low</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=25633&amp;sort%5Bmetric_amount_raw%5D=asc">Product Line Amount Low to High</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=25633&amp;sort%5Bmetric_percentage%5D=desc">Product Line Percentage High to Low</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=25633&amp;sort%5Bmetric_percentage%5D=asc">Product Line Percentage Low to High</a>
      </div>
    </div>
  </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="company_profile_product_lines_table_header"><template>
  
<table id="company_profile_product_lines_table_header"
       class="table is-hoverable">
  <thead class="visible-non-tablet">
    <tr class="is-black ">
      <th class="is-vcentered" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=25633&amp;sort%5Breporting_segment_name%5D=asc"><span>Reporting Segment</span><span class="material-symbols-outlined is-size-5"></span></a></th>
      <th class="is-vcentered" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=25633&amp;sort%5Bname%5D=asc"><span>Product Line</span><span class="material-symbols-outlined is-size-5"></span></a></th>
      <th class="is-vcentered has-text-right" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=25633&amp;sort%5Bmetric_amount_raw%5D="><span>Amount (SEK)</span><span class="material-symbols-outlined is-size-5">arrow_drop_down</span></a></th>
      <th class="is-vcentered has-text-right has-text-white" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=25633&amp;sort%5Bmetric_percentage%5D=asc"><span>Percentage</span><span class="material-symbols-outlined is-size-5"></span></a></th>
    </tr>
  </thead>

  <thead class="visible-tablet">
    <tr class="is-black">
      <th class="is-vcentered">
        <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
          keyboard_arrow_right
        </span>
      </th>
      <th class="is-vcentered">
        Reporting Segment &amp; Product Line
      </th>
      <th class="is-vcentered has-text-right">
        Amount (SEK)
      </th>
      <th class="is-vcentered has-text-right">
        Percentage
      </th>
    </tr>
  </thead>
</table>

</template></turbo-stream>
<turbo-stream action="replace" target="company_profile_product_lines_table_body"><template>
  
<div class="table-container"
     id="company_profile_product_lines_table_body">
  <table class="table is-hoverable ">
    <tbody class="visible-non-tablet ">

        <tr class="">
          <td class="is-vcentered">
            Assets
          </td>

          <td class="is-vcentered">
            <div>
              5G Wireless Telecommunication Networks
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide 5G telecommunication services. 
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            11.96B
          </td>

          <td class="has-text-right is-vcentered">
              <span>29.00%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Assets
          </td>

          <td class="is-vcentered">
            <div>
              Cloud Software for Businesses and Governments
            </div>
            <div class="is-size-7 has-text-grey">
              These companies develop cloud-based software for businesses and governments.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            7.83B
          </td>

          <td class="has-text-right is-vcentered">
              <span>19.00%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Assets
          </td>

          <td class="is-vcentered">
            <div>
              General Medical Services; Private Insurance
            </div>
            <div class="is-size-7 has-text-grey">
              These companies operate general hospitals that offer acute care services, operating and recovery rooms, radiology services, respiratory therapy services, clinical laboratories and pharmacies, paid for through private health insurance.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            6.19B
          </td>

          <td class="has-text-right is-vcentered">
              <span>15.00%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Assets
          </td>

          <td class="is-vcentered">
            <div>
              Investment Holding Company
            </div>
            <div class="is-size-7 has-text-grey">
              These companies invest in various types of businesses. They typically do so by purchasing and holding large stakes in various types of businesses. However, they often shift constituents and can sometimes be characterized by their tendency to buy and sell smaller companies on a relatively quick time scale.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            5.36B
          </td>

          <td class="has-text-right is-vcentered">
              <span>13.00%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Assets
          </td>

          <td class="is-vcentered">
            <div>
              Healthcare Services Platform
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide online platforms that connect patients with doctors.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            4.12B
          </td>

          <td class="has-text-right is-vcentered">
              <span>10.00%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Assets
          </td>

          <td class="is-vcentered">
            <div>
              Online Diversified Consumer Goods Retail
            </div>
            <div class="is-size-7 has-text-grey">
              These companies sell diversified consumer goods and equipment through online stores.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            4.12B
          </td>

          <td class="has-text-right is-vcentered">
              <span>10.00%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Assets
          </td>

          <td class="is-vcentered">
            <div>
              Online Platform for Securities Trading
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide a software-based platform that can be used to trade various types of securities, including stocks, derivatives, and debt-based securities.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1.65B
          </td>

          <td class="has-text-right is-vcentered">
              <span>4.00%</span>
          </td>
        </tr>
    </tbody>

    <tbody class="visible-tablet ">

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Assets
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                5G Wireless Telecommunication Networks
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            11.96B
          </td>

          <td class="has-text-right is-vcentered">
              <span>29.00%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies provide 5G telecommunication services. 
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Assets
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Cloud Software for Businesses and Governments
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            7.83B
          </td>

          <td class="has-text-right is-vcentered">
              <span>19.00%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies develop cloud-based software for businesses and governments.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Assets
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                General Medical Services; Private Insurance
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            6.19B
          </td>

          <td class="has-text-right is-vcentered">
              <span>15.00%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies operate general hospitals that offer acute care services, operating and recovery rooms, radiology services, respiratory therapy services, clinical laboratories and pharmacies, paid for through private health insurance.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Assets
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Investment Holding Company
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            5.36B
          </td>

          <td class="has-text-right is-vcentered">
              <span>13.00%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies invest in various types of businesses. They typically do so by purchasing and holding large stakes in various types of businesses. However, they often shift constituents and can sometimes be characterized by their tendency to buy and sell smaller companies on a relatively quick time scale.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Assets
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Healthcare Services Platform
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            4.12B
          </td>

          <td class="has-text-right is-vcentered">
              <span>10.00%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies provide online platforms that connect patients with doctors.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Assets
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Online Diversified Consumer Goods Retail
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            4.12B
          </td>

          <td class="has-text-right is-vcentered">
              <span>10.00%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies sell diversified consumer goods and equipment through online stores.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Assets
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Online Platform for Securities Trading
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1.65B
          </td>

          <td class="has-text-right is-vcentered">
              <span>4.00%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies provide a software-based platform that can be used to trade various types of securities, including stocks, derivatives, and debt-based securities.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>