<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: Reporting Segment [A-Z]</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=2987&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=2987&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=2987&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=2987&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=2987&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=2987&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=2987&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=2987&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=2987&amp;sort%5Breporting_segment_name%5D=desc"><span>Reporting Segment</span><span class="material-symbols-outlined is-size-5">arrow_drop_up</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=2987&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=2987&amp;sort%5Bmetric_amount_raw%5D=asc"><span>Amount</span><span class="material-symbols-outlined is-size-5"></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=2987&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
      </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">
            3 Group Europe
          </td>

          <td class="is-vcentered">
            <div>
              Wireless Telecommunication Networks
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide wireless telecommunication services for diversified customers, including businesses, consumers, and governments.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            66,129
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            3 Group Europe
          </td>

          <td class="is-vcentered">
            <div>
              Mobile Phone Retail
            </div>
            <div class="is-size-7 has-text-grey">
              These companies sell mobile phones through retail stores.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            12,282
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Finance &amp; Investments and Others
          </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">
            35,546
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Husky Energy
          </td>

          <td class="is-vcentered">
            <div>
              Integrated Oil &amp; Refined Fuel Production
            </div>
            <div class="is-size-7 has-text-grey">
              These companies are integrated oil &amp; gas companies. They engage in upstream crude oil production as well as operate refineries to produce refined petroleum products. 
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            54,251
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Hutchison Asia Telecommunications
          </td>

          <td class="is-vcentered">
            <div>
              Wireless Telecommunication Networks
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide wireless telecommunication services for diversified customers, including businesses, consumers, and governments.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            8,220
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Hutchison Telecommunications Hong Kong Holdings
          </td>

          <td class="is-vcentered">
            <div>
              Mobile Phone Retail
            </div>
            <div class="is-size-7 has-text-grey">
              These companies sell mobile phones through retail stores.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            4,250
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Hutchison Telecommunications Hong Kong Holdings
          </td>

          <td class="is-vcentered">
            <div>
              Wireless Telecommunication Networks
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide wireless telecommunication services for diversified customers, including businesses, consumers, and governments.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            3,662
          </td>

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

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

          <td class="is-vcentered">
            <div>
              Electricity and Natural Gas Distributor
            </div>
            <div class="is-size-7 has-text-grey">
              These companies distribute purchased electricity and natural gas to end-users.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            64,724
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Ports and Related Services
          </td>

          <td class="is-vcentered">
            <div>
              Port Operator
            </div>
            <div class="is-size-7 has-text-grey">
              These companies operate ports.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            35,175
          </td>

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

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

          <td class="is-vcentered">
            <div>
              Personal Cleaning Product Retail
            </div>
            <div class="is-size-7 has-text-grey">
              These companies sell personal cleaning products (soaps, moisturizers, toothpaste, shampoo) and sell them through retail stores that they do not operate.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            168,991
          </td>

          <td class="has-text-right is-vcentered">
              <span>37.29%</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">
              3 Group Europe
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Wireless Telecommunication Networks
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            66,129
          </td>

          <td class="has-text-right is-vcentered">
              <span>14.59%</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 wireless telecommunication services for diversified customers, including businesses, consumers, 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">
              3 Group Europe
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Mobile Phone Retail
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            12,282
          </td>

          <td class="has-text-right is-vcentered">
              <span>2.71%</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 mobile phones through retail 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">
              Finance &amp; Investments and Others
            </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">
            35,546
          </td>

          <td class="has-text-right is-vcentered">
              <span>7.84%</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">
              Husky Energy
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Integrated Oil &amp; Refined Fuel Production
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            54,251
          </td>

          <td class="has-text-right is-vcentered">
              <span>11.97%</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 are integrated oil &amp; gas companies. They engage in upstream crude oil production as well as operate refineries to produce refined petroleum products. 
            </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">
              Hutchison Asia Telecommunications
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Wireless Telecommunication Networks
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            8,220
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.81%</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 wireless telecommunication services for diversified customers, including businesses, consumers, 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">
              Hutchison Telecommunications Hong Kong Holdings
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Mobile Phone Retail
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            4,250
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.94%</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 mobile phones through retail 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">
              Hutchison Telecommunications Hong Kong Holdings
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Wireless Telecommunication Networks
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            3,662
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.81%</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 wireless telecommunication services for diversified customers, including businesses, consumers, 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">
              Infrastructure
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Electricity and Natural Gas Distributor
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            64,724
          </td>

          <td class="has-text-right is-vcentered">
              <span>14.28%</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 distribute purchased electricity and natural gas to end-users.
            </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">
              Ports and Related Services
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Port Operator
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            35,175
          </td>

          <td class="has-text-right is-vcentered">
              <span>7.76%</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 ports.
            </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">
              Retail
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Personal Cleaning Product Retail
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            168,991
          </td>

          <td class="has-text-right is-vcentered">
              <span>37.29%</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 personal cleaning products (soaps, moisturizers, toothpaste, shampoo) and sell them through retail stores that they do not operate.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>