<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 Low to High</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=24948&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=24948&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=24948&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=24948&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=24948&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=24948&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=24948&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=24948&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=24948&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=24948&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=24948&amp;sort%5Bmetric_amount_raw%5D=desc"><span>Amount (EUR)</span><span class="material-symbols-outlined is-size-5">arrow_drop_up</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=24948&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 (EUR)
      </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="zero-revenue-pl">
          <td class="is-vcentered">
            Energy
          </td>

          <td class="is-vcentered">
            <div>
              Engine Emissions Scrubbers for Commercial Ships; sold to OEMs
            </div>
            <div class="is-size-7 ">
              These companies manufacture equipment that reduces the amount of harmful gases released by maritime shipping vessels.
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <div class="is-flex is-align-items-center is-justify-content-right"
                   data-controller="tooltip">
                <span>Non-Attributed</span>

                <span class="ml-2 has-cursor-default material-symbols-outlined is-size-6"
                      data-tooltip-target="trigger">help</span>

                <span data-tooltip-target="content">
                  <span class="has-text-weight-semibold">Why Zero?</span> Explanation of what the heck's going on here.
                </span>
              </div>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Portfolio Business
          </td>

          <td class="is-vcentered">
            <div>
              Maintenance of Water Treatment Equipment
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide maintenance services for Water Treatment Equipment and Machinery. 
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Portfolio Business
          </td>

          <td class="is-vcentered">
            <div>
              Water Treatment Equipment
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture water treatment equipment and sell directly to diversified customers.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Marine Systems
          </td>

          <td class="is-vcentered">
            <div>
              Maintenance of Diversified Active Systems and Components for Ships
            </div>
            <div class="is-size-7 has-text-grey">
              These companies maintain diversified active systems and electrical components for maritime vessels. Examples include propulsion control systems, automation systems, bridge systems, and positioning systems.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Marine Systems
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Active Systems and Components for Commercial Ships; sold to OEMs
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture diversified active systems and electrical components for maritime shipping vessels and sell directly to original equipment manufacturers. Examples include propulsion control systems, automation systems, bridge systems, and positioning systems.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Marine Power
          </td>

          <td class="is-vcentered">
            <div>
              Propulsion Systems for Commercial Ships; sold to OEMs
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture propulsion systems for maritime shipping vessels and sell directly to original equipment manufacturers.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Power Plant Equipment Maintenance
            </div>
            <div class="is-size-7 has-text-grey">
              These companies are hired by power generation plants to maintain equipment such as engines, turbines, and generators.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Active Equipment for Electricity Generation
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce active equipment systems and assemblies, which are used by power plants to generate electricity. Examples include turbines, generators, and engines.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Marine Power
          </td>

          <td class="is-vcentered">
            <div>
              Ship Engine Maintenance
            </div>
            <div class="is-size-7 has-text-grey">
              These companies are maintain engines used in ships.
            </div>
          </td>

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

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

    <tbody class="visible-tablet ">

        <tr class="pl-row zero-revenue-pl"
            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">
              Energy
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Engine Emissions Scrubbers for Commercial Ships; sold to OEMs
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <div class="is-flex is-align-items-center is-justify-content-right"
                   data-controller="tooltip">
                <span>Non-Attributed</span>

                <span class="ml-2 has-cursor-default material-symbols-outlined is-size-6"
                      data-tooltip-target="trigger">help</span>

                <span data-tooltip-target="content">
                  <span class="has-text-weight-semibold">Why Zero?</span> Explanation of what the heck's going on here.
                </span>
              </div>
          </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="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies manufacture equipment that reduces the amount of harmful gases released by maritime shipping vessels.
            </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">
              Portfolio Business
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Maintenance of Water Treatment Equipment
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>2.73%</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 maintenance services for Water Treatment Equipment and Machinery. 
            </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">
              Portfolio Business
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Water Treatment Equipment
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>3.49%</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 water treatment equipment and sell directly to 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">
              Marine Systems
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Maintenance of Diversified Active Systems and Components for Ships
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>3.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 maintain diversified active systems and electrical components for maritime vessels. Examples include propulsion control systems, automation systems, bridge systems, and positioning systems.
            </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">
              Marine Systems
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Active Systems and Components for Commercial Ships; 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.42%</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 diversified active systems and electrical components for maritime shipping vessels and sell directly to original equipment manufacturers. Examples include propulsion control systems, automation systems, bridge systems, and positioning systems.
            </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">
              Marine Power
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Propulsion Systems for Commercial Ships; sold to OEMs
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>14.55%</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 propulsion systems for maritime shipping vessels 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">
              Energy
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Power Plant Equipment Maintenance
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>18.20%</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 hired by power generation plants to maintain equipment such as engines, turbines, and generators.
            </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">
              Energy
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Active Equipment for Electricity Generation
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>25.19%</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 produce active equipment systems and assemblies, which are used by power plants to generate electricity. Examples include turbines, generators, and engines.
            </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">
              Marine Power
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Ship Engine Maintenance
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>27.68%</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 maintain engines used in ships.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>