<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: Reporting Segment [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=4340&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=4340&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=4340&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=4340&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=4340&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=4340&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=4340&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=4340&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=4340&amp;sort%5Breporting_segment_name%5D="><span>Reporting Segment</span><span class="material-symbols-outlined is-size-5">arrow_drop_down</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=4340&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=4340&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=4340&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">
            TPG Telecom Limited
          </td>

          <td class="is-vcentered">
            <div>
              Wireline Telecommunication Network
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide wireline (landline) telecommunication services for diversified customers, including businesses, consumers, and governments.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Round Oak Minerals Pty Limited
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Refined Metals
            </div>
            <div class="is-size-7 has-text-grey">
              These companies extract and refine minerals like copper, gold and molybdenum, which are then incorporated into a variety of end-use products.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Investment Holding Company
            </div>
            <div class="is-size-7 has-text-grey">
              These companies invest in various types of businesses. They typically do so by purchasing and holding large stakes in various types of businesses. However, they often shift constituents and can sometimes be characterized by their tendency to buy and sell smaller companies on a relatively quick time scale.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            New Hope Corporation Limited
          </td>

          <td class="is-vcentered">
            <div>
              Thermal Coal
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce thermal coal (e.g., bituminous coal, lignite), which is primarily sold to power plants as fuel for producing electricity.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Brickworks Limited	
          </td>

          <td class="is-vcentered">
            <div>
              Building Materials for Diversified Real Estate; sold to contractors
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture building materials, such as concrete, asphalt, bricks, and dimension stones for commercial and residential real estate as well as infrastructure such as roads and bridges.
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>7.57%</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">
              TPG Telecom Limited
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Wireline Telecommunication Network
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>13.15%</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 wireline (landline) telecommunication services for diversified customers, including businesses, consumers, and governments.
            </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">
              Round Oak Minerals Pty Limited
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Refined Metals
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>-10.54%</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 and refine minerals like copper, gold and molybdenum, which are then incorporated into a variety of end-use products.
            </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 Investing Activities
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Investment Holding Company
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>15.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 invest in various types of businesses. They typically do so by purchasing and holding large stakes in various types of businesses. However, they often shift constituents and can sometimes be characterized by their tendency to buy and sell smaller companies on a relatively quick time scale.
            </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">
              New Hope Corporation Limited
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Thermal Coal
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>53.18%</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 thermal coal (e.g., bituminous coal, lignite), which is primarily sold to power plants as fuel for producing electricity.
            </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">
              Brickworks Limited	
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Building Materials for Diversified Real Estate; sold to contractors
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>7.57%</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 building materials, such as concrete, asphalt, bricks, and dimension stones for commercial and residential real estate as well as infrastructure such as roads and bridges.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>