<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 [Z-A]</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=20530&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=20530&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=20530&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=20530&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=20530&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=20530&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=20530&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=20530&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=20530&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=20530&amp;sort%5Bname%5D="><span>Product Line</span><span class="material-symbols-outlined is-size-5">arrow_drop_down</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=20530&amp;sort%5Bmetric_amount_raw%5D=asc"><span>Amount (USD)</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=20530&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 (USD)
      </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">
            Other
          </td>

          <td class="is-vcentered">
            <div>
              Voice Recognition Software
            </div>
            <div class="is-size-7 has-text-grey">
              These companies design voice recognition software, which is then incorporated into devices and other programs.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Information Technology
          </td>

          <td class="is-vcentered">
            <div>
              Photomasks for Semiconductor Production Equipment
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture photomasks for semiconductor production and sell directly to their customers. Photomasks are specialty glass slides with engraved information on them. They are placed like slides into semiconductor production equipment and a light is shined through and they etch a pattern on semiconductor and integrated circuit silicon.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Lenses for Glasses; sold to OEMs
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture lenses for glasses and sell directly to original equipment manufacturers.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Information Technology
          </td>

          <td class="is-vcentered">
            <div>
              Lenses for Diversified Equipment; sold to OEMs
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture lenses for diversified equipment and sell directly to original equipment manufacturers.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Electrical Surgical Equipment
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture electrical surgical equipment, including remotely-operated equipment, and sell directly to their customers.
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>17.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">
              Other
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Voice Recognition Software
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.64%</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 design voice recognition software, which is then incorporated into devices and other programs.
            </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">
              Information Technology
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Photomasks for Semiconductor Production Equipment
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>28.77%</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 manufacture photomasks for semiconductor production and sell directly to their customers. Photomasks are specialty glass slides with engraved information on them. They are placed like slides into semiconductor production equipment and a light is shined through and they etch a pattern on semiconductor and integrated circuit silicon.
            </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 Care
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Lenses for Glasses; sold to OEMs
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>48.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 manufacture lenses for glasses and sell directly to original equipment manufacturers.
            </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">
              Information Technology
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Lenses for Diversified Equipment; sold to OEMs
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>4.99%</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 manufacture lenses for diversified equipment and sell directly to original equipment manufacturers.
            </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 Care
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Electrical Surgical Equipment
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>17.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 manufacture electrical surgical equipment, including remotely-operated equipment, and sell directly to their customers.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>