<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=7250&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=7250&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=7250&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=7250&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=7250&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=7250&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=7250&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=7250&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=7250&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=7250&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=7250&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=7250&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">
            Building Materials
          </td>

          <td class="is-vcentered">
            <div>
              Building Materials Distribution
            </div>
            <div class="is-size-7 has-text-grey">
              These companies wholesale or distribute bricks, stones, concrete, asphalt, flat glass, wood, and other unshaped building materials.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Industrial PVF
          </td>

          <td class="is-vcentered">
            <div>
              Construction and Mining Equipment Parts Distribution
            </div>
            <div class="is-size-7 has-text-grey">
              These companies wholesale or distribute industrial commodity parts like bearings, gears, foam, boxes, and inks, which are used by construction, mining, and industrial producers.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Electrical Component Distribution to Utilities
            </div>
            <div class="is-size-7 has-text-grey">
              These companies wholesale or distribute electrical components to utilities.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Equipment and Material Distribution
            </div>
            <div class="is-size-7 has-text-grey">
              These companies wholesale or distribute diverse equipment and materials.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Plumbing/HVAC
          </td>

          <td class="is-vcentered">
            <div>
              HVAC System Distribution
            </div>
            <div class="is-size-7 has-text-grey">
              These companies wholesale or distribute HVAC equipment that is ultimately installed in both residential and commercial buildings.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1,052
          </td>

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

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

          <td class="is-vcentered">
            <div>
              MRO Parts Distribution
            </div>
            <div class="is-size-7 has-text-grey">
              These companies distribute parts and equipment to MRO (maintenance, repair, and overhaul) companies, who in turn perform MRO for diversified businesses.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Electrical
          </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">
            425
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Water &amp; Sewer
          </td>

          <td class="is-vcentered">
            <div>
              Water Pipe Distribution to Utilities
            </div>
            <div class="is-size-7 has-text-grey">
              These companies wholesale or distribute pipes for water distribution infrastructure.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1,200
          </td>

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

          <td class="has-text-right is-vcentered">
            254
          </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 bricks, stones, concrete, asphalt, flat glass, wood, and other unshaped building materials.
            </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">
              Industrial PVF
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Construction and Mining Equipment Parts Distribution
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>8.21%</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 industrial commodity parts like bearings, gears, foam, boxes, and inks, which are used by construction, mining, and industrial producers.
            </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">
              Utilities
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Electrical Component Distribution to Utilities
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>11.30%</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 electrical components to utilities.
            </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">
              Other
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Equipment and Material Distribution
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>4.21%</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 diverse equipment and materials.
            </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">
              Plumbing/HVAC
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                HVAC System Distribution
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1,052
          </td>

          <td class="has-text-right is-vcentered">
              <span>23.78%</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 HVAC equipment that is ultimately installed in both residential and commercial buildings.
            </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">
              MRO
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                MRO Parts Distribution
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>10.02%</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 parts and equipment to MRO (maintenance, repair, and overhaul) companies, who in turn perform MRO for diversified businesses.
            </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">
              Electrical
            </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">
            425
          </td>

          <td class="has-text-right is-vcentered">
              <span>9.61%</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>

        <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">
              Water &amp; Sewer
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Water Pipe Distribution to Utilities
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1,200
          </td>

          <td class="has-text-right is-vcentered">
              <span>27.13%</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 pipes for water distribution infrastructure.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>