<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 [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=24561&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=24561&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=24561&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=24561&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=24561&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=24561&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=24561&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=24561&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=24561&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=24561&amp;sort%5Bname%5D=desc"><span>Product Line</span><span class="material-symbols-outlined is-size-5">arrow_drop_up</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=24561&amp;sort%5Bmetric_amount_raw%5D=asc"><span>Amount (GBP)</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=24561&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 (GBP)
      </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">
            Controls
          </td>

          <td class="is-vcentered">
            <div>
              Adhesives Distribution
            </div>
            <div class="is-size-7 has-text-grey">
              These companies wholesale or distribute adhesives. These are a type of polymer with bonding capabilities.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            16.51M
          </td>

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

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

          <td class="is-vcentered">
            <div>
              Distribution of Gaskets and Seals
            </div>
            <div class="is-size-7 has-text-grey">
              These companies distribute gaskets and seals for diversified equipment for diversified customers.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            387.7M
          </td>

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

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

          <td class="is-vcentered">
            <div>
              Fastener Distribution
            </div>
            <div class="is-size-7 has-text-grey">
              These companies wholesale or distribute fasteners.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            66.02M
          </td>

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

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

          <td class="is-vcentered">
            <div>
              Industrial Automation Equipment Distribution
            </div>
            <div class="is-size-7 has-text-grey">
              These companies wholesale or distribute devices that are used to control the manufacturing process.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            27.51M
          </td>

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

        <tr class="">
          <td class="is-vcentered">
             Life Sciences
          </td>

          <td class="is-vcentered">
            <div>
              Life Science Research Equipment Distribution for Drug Manufacturers
            </div>
            <div class="is-size-7 has-text-grey">
              These companies wholesale or distribute pharmaceutical and biotech research equipment to pharmaceutical and biotech companies.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            212M
          </td>

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

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

          <td class="is-vcentered">
            <div>
              Passive Electronic Components Distribution
            </div>
            <div class="is-size-7 has-text-grey">
              These companies wholesale or distribute diversified passive components for equipment such as connectors and cables. They sell to design and maintenance engineers, as well as to panel makers and equipment buyers.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            440.16M
          </td>

          <td class="has-text-right is-vcentered">
              <span>38.28%</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">
              Controls
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Adhesives Distribution
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            16.51M
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.44%</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 wholesale or distribute adhesives. These are a type of polymer with bonding capabilities.
            </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">
              Seals
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Distribution of Gaskets and Seals
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            387.7M
          </td>

          <td class="has-text-right is-vcentered">
              <span>33.72%</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 gaskets and seals for diversified equipment for diversified customers.
            </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">
              Controls
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Fastener Distribution
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            66.02M
          </td>

          <td class="has-text-right is-vcentered">
              <span>5.74%</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 wholesale or distribute fasteners.
            </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">
              Controls
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Industrial Automation Equipment Distribution
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            27.51M
          </td>

          <td class="has-text-right is-vcentered">
              <span>2.39%</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 wholesale or distribute devices that are used to control the manufacturing process.
            </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">
               Life Sciences
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Life Science Research Equipment Distribution for Drug Manufacturers
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            212M
          </td>

          <td class="has-text-right is-vcentered">
              <span>18.44%</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 wholesale or distribute pharmaceutical and biotech research equipment to pharmaceutical and biotech companies.
            </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">
              Controls
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Passive Electronic Components Distribution
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            440.16M
          </td>

          <td class="has-text-right is-vcentered">
              <span>38.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 wholesale or distribute diversified passive components for equipment such as connectors and cables. They sell to design and maintenance engineers, as well as to panel makers and equipment buyers.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>