<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 High to Low</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=25414&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=25414&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=25414&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=25414&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=25414&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=25414&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=25414&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=25414&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=25414&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=25414&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=25414&amp;sort%5Bmetric_amount_raw%5D="><span>Amount (EUR)</span><span class="material-symbols-outlined is-size-5">arrow_drop_down</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=25414&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="">
          <td class="is-vcentered">
            Performance Materials
          </td>

          <td class="is-vcentered">
            <div>
              Construction Aggregates
            </div>
            <div class="is-size-7 has-text-grey">
              These companies extract resources from the earth in order to produce the base materials (aggregates) used in the production of concrete and other construction materials, like slate, granite, sand, gravel, and clay.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Performance Materials
          </td>

          <td class="is-vcentered">
            <div>
              Pharmaceutical Intermediates
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce pharmaceutical intermediates, which are complex building blocks used in producing Active Pharmaceutical Ingredients.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Performance Materials
          </td>

          <td class="is-vcentered">
            <div>
              Plastic for Automobiles
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture plastic and sell directly to their customers.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Performance Materials
          </td>

          <td class="is-vcentered">
            <div>
              Lithium for Automobile Batteries
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce lithium that is incorporated into electric automobile (consumer passenger car) batteries.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Performance Materials
          </td>

          <td class="is-vcentered">
            <div>
              Structural Additives
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce structural additives that are incorporated into a variety of polymers. These additives are used to enhance certain structural properties of polymers (i.e. become less brittle at room temperature, change the color of a plastic, or use a cheaper filler than the actual, more expensive plastic compound). Examples of these chemicals include plasticizers, fillers, and colorants.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Performance Materials
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Chemicals and Polymer Applications
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce diversified chemicals, such as solvents, additives, adhesives, and plastics.
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>8.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">
              Performance Materials
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Construction Aggregates
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>37.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 extract resources from the earth in order to produce the base materials (aggregates) used in the production of concrete and other construction materials, like slate, granite, sand, gravel, and clay.
            </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">
              Performance Materials
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Pharmaceutical Intermediates
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>18.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 produce pharmaceutical intermediates, which are complex building blocks used in producing Active Pharmaceutical Ingredients.
            </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">
              Performance Materials
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Plastic for Automobiles
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>13.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 plastic and sell directly to their 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">
              Performance Materials
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Lithium for Automobile Batteries
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>12.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 produce lithium that is incorporated into electric automobile (consumer passenger car) batteries.
            </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">
              Performance Materials
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Structural Additives
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>12.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 produce structural additives that are incorporated into a variety of polymers. These additives are used to enhance certain structural properties of polymers (i.e. become less brittle at room temperature, change the color of a plastic, or use a cheaper filler than the actual, more expensive plastic compound). Examples of these chemicals include plasticizers, fillers, and colorants.
            </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">
              Performance Materials
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Chemicals and Polymer Applications
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>8.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 produce diversified chemicals, such as solvents, additives, adhesives, and plastics.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>